Reading Internet

#leftbar li > a
{
    color: #B34700;
    padding:10px 50px 10px 5px;
    margin-left:0px;   
}

This code is recognized by Firefox and Opera, but not IE. It also isn't recognized without the id element:

li > a
{
    color: #B34700;
    padding:10px 50px 10px 5px;
    margin-left:0px;   
}

So I'm guessing the problem is with the nest symbol. What is the correct name for that? May be that's why I can't Google any information about this problem. For my purposes I need both the id tag (What is the correct name for a "#idname" in CSS?) and the nesting thing.

The HTML looks like this:

<div id="leftbar">
<ul>
<li><a href="#"><img src="./image.jpg" alt="icon"/>Career</a></li>
</ul> 
</div>

This is completly ignored by IE, but works fine in Firefox and Opera. Any ideas?

Please contiune to vote AND post.

Either you work with Conditional Comments - add another css file giving IE what it wants:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="includes/ie_comp.css">
<![endif]-->

Or yo give this a try:

#leftbar li a {
    color: #B34700;
    padding:10px 50px 10px 5px;
    margin-left:0px;
}

This should work properly also in IE.

If you understand German, give SelfHTML a try. if not ... poor guy :-(

Other places where you might find what you're looking for:

- A List Apart
- W3C.Org: Cascading Style Sheets, Level 2
- http://www.websitetips.com/css/

cu, w0lf.

Fuck off the 30 seconds posting limit!

This post was edited by ginsterbusch on Jan 07, 2006.

I'm a moron. Thanks again.

Please contiune to vote AND post.

I'm a moron. Thanks again.

No harm done. That's what I actually thought just a few minutes ago - but by now, it's working - hiding the 'I dont fucking going to optimize this site for IE'-layer at the all-new WHN :D

cu, w0lf.

Fuck off the 30 seconds posting limit!