Daniel Hammond wrote: > David Laakso wrote: > >> Daniel Hammond wrote: >>> URL: http://www.northsidecreativeservices.org/design.htm >>> CSS: http://www.northsidecreativeservices.org/cs.css >>> >>> Could someone please test the above URL in IE6 and IE7? I heard >>> that someone was looking at the site, and the top nav (blog, >>> design services, banners & signs, production) was stacked >>> vertically rather than in line horizontally. I tested it in IE8, >>> Chrome, Opera, Safari, and FF (Mac and Win), and they all display >>> it correctly (in line horizontally). >>> >>> browsershots.org wasn't working with this URL for some reason. >>> >>> Thanks, >>> Daniel Hammond >>> >> >> >> Try changing all instances in #nav >> from: >> display: inline-block; >> to: >> display: inline; > > That fixed the initial problem, but it also messed with the height of > the nav. It appears that "line-height" no longer affects it. The nav > also no longer touches the top of the white area as it's supposed to. > > Daniel >
On this end IE 6/7/8 are nearly identical. The only difference is IE 6 and IE 7 have aprox +1px white space above the border. Tweak the line-height: use a unit-less (raw) number. 1.68 not 1.68px, for example. This filter targets IE 6 and below * html {} This filter targets IE 7 only *:first-child+html {} ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/