Hi,

http://forge.redrunner.co.uk/node/3?q=node/1

I have had reports that the background image that repeats down the  
Navigation UL is not showing up in Internet Explorer. It seems to be  
working fine in FF and Safari so my guess is need some workaround to  
get it to work in IE. Have you got any ideas how I can do this?

I won't put conditional comments in my CSS this time! But seeing as  
the HTML is created by Drupal, I can only add the work-around into the  
main content div.

Here is the CSS for the menu:

  /*CHRIS NEW SIDEBAR NAV*/

  #navcontainer { background-image: url(/img/navtop.jpg);
background-position: top right;
background-repeat: no-repeat;
width: 199px;
margin: 0 0 0 10px;
padding: 37px 0px 0px 0px;
  }

  #navcontainer h4{
  background-image: url(/img/navrunner.jpg);
  background-repeat: repeat-y;
  margin: 0px;
  padding: 5px 0px 4px 5px;
  text-align: left;
  color: #94D100;
  font-size: 2em;
  }

  #navcontainer #sbbttm{
   background-image: url(/img/navbttm.jpg);
   height:18px;
   width: 199px;
   background-repeat:  no-repeat;
  }

#navcontainer ul
{
background-image: url(/img/navlinkrunner.jpg);
background-repeat: repeat-y;
margin-left: 0px;
padding: 0px 0 0 5px;


list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
list-style-image: none;
}


#navcontainer a
{
display: block;
padding: 0px;
padding-left: 10px;
padding-top: 5px;
width: 180px;
height: 20px;

border-top: 2px solid #D7E697;
color: white;
text-decoration: none;
background-color:#b2d233;
}



#navcontainer a:hover
{


background-color: #00653F;
color: white;
}

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to