Portman wrote: > ...when I make the font size bigger in IE, the images kinda cascade > down (instead of cleanly covering the base image.)
The same happens in all browsers. > http://www.starqualitydesigns.com/BestHealth. Can anyone tell me why > this is happening... You are _absolute-positioning_ the overlay-images _relative to_ each li, and the height of those li will of course vary with font-size/line-height. Thus, image line-up depends on font-size. > ...and/or how to fix it? Change the positioning-scheme so the overlay-images are positioned relative to ul#primary-nav. That gives them the same, stable, point of reference for positioning, and even IE is stable - although that ul is styled a bit off. Then restyle the ul#primary-nav ul to become a non-positioned float with pulled-in back side margins. That will make those sub-menus continue to line up with each ul#primary-nav li like before, and act like absolute positioned elements (take up no space) without being a:p. --- I have tested such a _font-size independent_ line-up on a copy of your page, and it is perfectly stable no matter how much I alter the font-size in any of the browsers I have at my disposal at the moment. (internal ref: test_6200) However, cleaning up your stylesheet and prepare a "ready to paste" solution with complete descriptions, is something I don't have time for right now, so I think you should have a go at it first. No need to touch the source-code, as all can be done in your stylesheet. Nice little feature, btw :-) regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
