<li> problem in IE

**pealo86** · 03-08-2010, 08:54 AM

See here:
http://bit.ly/c3lW4V

I've styled the list in the right-hand column like so:

Code:

#sidebar .info-box ul li {
    background: url(../image/sidebar-ul-li.gif) no-repeat;
    padding-left: 30px;
    color: #86540e;
}

But in IE 6, 7 and 8 none of the styles seem to apply! It works fine in all other browsers.

It's as if IE doesn't understand the selector I'm using?

Thanks to anyone who can help

**Reckoner** · 03-09-2010, 10:58 AM

I don't think it has to do so much with the li, but with the .info-box class.

Maybe check to see if there is a conflicting style somewhere in the style sheet. I would just set up a new html document with just the .info-box class to see if it shows up in IE, then go from there to figure out where the conflict is happening.

**pealo86** · 03-09-2010, 12:49 PM

I just realised yesterday, I didn't close the .info-box in the html! Thanks anyway