Navigation padding in IE

[Susie]

http://tinyurl.com/y69mrj3

 

I've been up since 3:00am, so maybe my sleep deprived brain is shutting down, but I cannot figure out this padding issue that I see in IE7 (possibly other versions, too). I'm looking at the main navigation and the top of the border that is not showing on the inner border. If you view it in other browsers, you'll see what it should look like.

 

I'd love an extra set of eyes to take a look at this.

[BeeDev]

/wp-content/themes/brownboutique-onecolumn/ie-styles.css

 

This CSS has rule for #nav LI A and it has padding-top set to 4px, which is in conflict with your main stylesheet

[Susie]

Thanks for looking.

 

Actually, that was my attempt to fix it. It didn't change a thing. I put it back to what the main stylesheet has and the problem still exists in IE7.

 

I just tested in IE6 and the problem is there, but as far as I can tell, it does not exist in IE8.

[BeeDev]

Ah...

 

looks like the hasLayout bug then

 

Add to css:

 

#nav li a {

zoom:1;

}

 

That should solve it fingers crossed.

[PicnicTutorials]

or try. Floating the a instead of block. Or 1px margin on a instead of 1px padding on li. or both

[Susie]

Thanks to both of you.

 

BeeDev, that did it! Thanks!