treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] White background on menu in IE

  • 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 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);
            }
    
    
  • 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.

  • seems issue has been fixed..