My website looks great in Chrome and Firefox but just awful in IE. I am using version 9 to view it. Does anyone know how I can make it look the same as in the other browsers?

Here is the custom CSS I added:

.sd_right_sidebar DIV.ribbon-top

{

filter: progidXImageTransform.Microsoft.gradient( startColorstr=#000000′, endColorstr=#e1740b,GradientType=0 ); BACKGROUND: #000000;

}

.sd_right_sidebar DIV.ribbon-more

{

filter: progidXImageTransform.Microsoft.gradient( startColorstr=#000000′, endColorstr=#000000,GradientType=0 ); BACKGROUND: #000000;

}

.sd_right_sidebar DIV.ribbon-more:after

{

border-bottom-color: transparent;

border-top-color: transparent;

border-right-color: transparent;

border-left-color: #000000;

}

.sd_right_sidebar DIV.ribbon-top:after

{

border-bottom-color: transparent;

border-top-color: transparent;

border-right-color: #000000;

border-left-color: transparent;

}

#nav > ul > li > a {
color: #FFFFFF;
}

.menu-custom-menu-container {
background: none repeat scroll 0 0 #ffffff;
}

.widget-container {
background: none repeat scroll 0 0 #ffffff;
}

.row-fluid .span7 {
text-align: center;
width: 100%;
margin-top: 0px;
margin-bottom: -20px;
}

#social {
margin-bottom: -10px;
margin-top: -10px;
margin-left: 800px;
position: absolute;
z-index: 1000;