White background on menu in IE

[louise88]

I have a IE issue which is driving me nuts, when I view my website in any IE I have a white background on the menu even though it is set to #8a8a8a well should be so it looks horrible and been searching for hours for a fix can any one help me the site is http://www.seotest15.co.uk this is my css :

#wrapper, {

background: #8a8a8a;

min-width: 100%;

}



#header {

padding-top: 30px;

}



.business #loopedSlider .entry {

padding: 0 0 0 0 ;

}



#navigation {

border-color: #DBDBDB;

border-radius: 0 0 0 0;

border-style: solid;

border-width: 0;

box-shadow: none;

margin: -4% 0 0 30.5%;

width: 70%;

}











#navigation ul li:first-child, #navigation ul li:first-child a {

border-radius: 5px 0 0 5px;

margin-left: 0px;

}



ul.nav li a {

color: #ffffff;

display: block;

padding: 0 4px;

}





#logo img {

margin-bottom: -30px;

margin-left: -2px;

margin-top: -20px;



}



#content {

padding-bottom: 40px;

padding-left: 0;

padding-right: 0;

padding-top: 0px;

position: relative;

}







.entry img, img.thumbnail {

background: none;

border: medium none;

padding: 5px;

}





#loopedSlider a.prev:before, #loopedSlider a.next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after {

color: transparent;

position: absolute;

}



#loopedSlider .container {

overflow: hidden;

position: relative;

margin: 0px 0 0px 0;

}



#loopedSlider {

margin: 0 auto 0px;

padding: 0;

position: relative;

}



.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited {

color: #000000;

font-weight: bold;

}

a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {

color: #FFFFFF;

}



.gfield {

margin-bottom:0px;

margin-top: 0px;

}

.gform_wrapper .gform_footer {

clear: both;

margin: 0px 0 0;

padding: 0px 0 0px;

}

.gform_wrapper .top_label .gfield_label {

display: inline;

}



.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {

height: 100px;

padding-bottom: 5px !important;

padding-left: 3px !important;

padding-right: 3px !important;

padding-top: 5px !important;

width: 300px !important;

}



.archive_header {

border-bottom: 1px solid #E6E6E6;

display: none;

}



div.post {

background: none repeat scroll 0 0 #b8b8b8;

}





div.post  {

background: #e1e0de;

padding: 10px;

-moz-box-shadow: 5px 5px 10px 0px #444444;

-webkit-box-shadow: 5px 5px 10px 0px #444444;

}



.post-meta {

color: #000000;

}



.post-more .sep {

color: #000000;

padding: 0 0.5em;

}



.entry img, img.thumbnail {

-moz-box-shadow:  5px 5px 10px 0px #444444;

-webkit-box-shadow:  5px 5px 10px 0px #444444;

-khtml-box-shadow:  5px 5px 10px 0px #444444;

box-shadow:  5px 5px 10px 0px #444444;

}





.textwidget {

background: none repeat scroll 0 0 #EC9ABB;

color: #FAFAFA;

font: 12px/1.5em "Helvetica Neue",Helvetica,sans-serif;

padding: 10px;

}



.ngg-gallery-thumbnail img {

background-color: transparent;

border: 0px;

padding: 0px;

position: relative;

}



.entry img, img.thumbnail {

background-color:rgba(255, 255, 255, 0.699219);

background-position:initial initial;

background-repeat:initial initial;

border:0 solid #E6E6E6;

height:auto;

padding:0;

}







#navigation .nav li.parent > a:after {

-moz-border-bottom-colors: none;

-moz-border-image: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-color: #CCCCCC transparent transparent;

border-style: solid;

border-width: 0.3em;

content: "";

display: none;

position: absolute;

right: 14.88px;

top: 40%;

}



#navigation .nav li.parent > a {

padding-right: 0;

position: relative;

}





#navigation ul.nav li ul {

    border: 0 solid #DBDBDB;

    margin: -15% 0 0;

}



#topad {

float: right;

margin-bottom: 0;

margin-left: 0;

margin-right: 0;

margin-top: 0;



}





.background-color {

background-color: rgb(255,0,0);

background-color: rgba(255,0,0,0.5);

}

[xpy]

You import a style.css which is in the canvas directory, and I thing another one which is in the wp-content/themes/canvas directory… In there there are rules which specify that #navigation has an #fffff background… For some reason, ie thinks those rules are more important than your rules.

[HemZone]

seems issue has been fixed..

[Author]

Posts