On 07-Jul-07, at 7:12 AM, Max Lynch wrote:
> I have a horizontal menu displayed about 97px from the top of the
> window. Above this are two divs, the left one displays an image and is
> displayed Inline, the right one displays another image and a small
> form. My
> navigation menu is a <ul> and its position is relative.
> What im seeing in IE is my navigation is off by a couple pixels on
> the top
> like there is a margin, but FireFox displays it fine.
[ trimmed ]
Sorry Max, no PC access at the moment. I would suggest removing the
explicit height decorations; they are somewhat redundant.
In your #navMain rule, you have a 'border: none medium;'. I'm not
sure what browsers do with that rule, but I would suggest removing
it, along with the 'position: relative;'.
You are also drawing an unnecessary horizontal scrollbar, even when
my browser window is maximised (~1280px). Furthermore, you have 50px
of padding on your footer, which looks excessive, in my opinion.
IE7 information -- 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/