Actually, I DID add the following to target IE7 only:
*:first-child+html #navListHor img {margin-top:9px;}
But I guess I'm still wondering if I can do this more efficiently. 'Cause
now I have 3 rules for those menu images. One for standards compliant
browsers, one for IE6, and now one for IE7.
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
Chris Akins wrote:
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,..
Mac OS X 10.4.11 (Parallels XP IE).
With your page in IE/7, IE/6, and Mac/FF adjacent to adjacent to
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.
Chris,
I'm seeing no difference whatsoever with IE6 and
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.
Chris,
Tests on IE7/Vista and Firefox/Ubuntu 8.04 side-by-side show identical
or