Regarding this site and CSS:

www.springfieldmo.gov/founders/
www.springfieldmo.gov/css/founders.css

The issue:

In IE7 only, the menu images are 9px too high, apparently needing the same
9px margin-top as on these items as IE6 did.  But my IE6 rule below isn't
seen by IE7.  The relevant CSS from the full stylesheet is below.  Should I
add a third, IE7-only rule somehow to the #navListHor img rules below?  Or
is something in my original CSS below flawed to begin with?

I'm late to the IE7 game, so I'm not sure if it should now be acting much
like FIrefox, but with this rule it definitely isn't.
I'm just trying to find where the ultimate fault lies and how to address it
best.

ul#navListHor {padding:0px; margin:0; margin-left:170px;
list-style-type:none; margin-top:9px;}

#navListHor li {float:left; margin-right:10px;}
#navListHor img {border:none; margin-top:0;}
* html #navListHor img {border:none; margin-top:9px;}

Thanks, as always, to the great minds on this list!

Chris A.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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