I have been designing our website, and I finally got it to look exactly how I wanted, only to open it in IE and find out that the beautiful layout is ruined when displayed through the more 'common' browser. Please check out the page and let me know if you have any advice.
I used divs to make different sections and a sidebar on the site, I then tried to use the color: rgba(#,#,#,opacity) to specify the opacity of the div. I also used the position:static and position:relative tags to arrange the site like I wanted it. It looks great in firefox, but when I switch to IE, none of the divs are opaque, the position of the divs are messed up, etc.
How can I fix it and how can I prevent it from happening again?
I just added it to DNS about 1 minute ago, it may take a little bit to show up.