A 2px wide gap displays at the bottom of my top navigation bar when viewing my site with any browser on a Macintosh OSX 10.3 or Macintosh OSX 10.4 operating system. The height for the top navigation bar is set at 24px but when I change the height to 22px the gap disappears but messes up the display for browsers on windows operating platforms. How can I correct this problem so the top navigation bar displays properly on both Macintosh and Windows operating systems. To view "the problem" visit www.gositelive.com using any brower on a Macintosh operating system. To view "how the top navigation bar should display" visit www.gositelive.com using any browser on a Windows operating system. The page validates XHTML 1.0 Strict. The CSS is embedded in the top of the page.
I see the same thing in both win & mac, I tired in Firefox & Safari on mac. img523.imageshack.us/img523/6214/gositelivecomuf5.gif Can you show a screenshot of the page ?
The problem has been resolved. Add this to #moderbricksmenu a Code: height:14px; OR You cam remove the height from #modernbricksmenu but then you would have to clear your floats. Read about clearing floats here: http://www.positioniseverything.net/easyclearing.html