Ross Hulford wrote:
> As you can see from the example #menu_holder (the pink div) ie has 
> the menu sitting in the middle where  FF pushes it down a bit.
> 
> 
> http://www.blue-fly.co.uk/trisco/example.png

It is impossible to debug a document based only on a screenshot, but I
guess you mean this page...

<http://www.blue-fly.co.uk/trisco/about_us.php>

Firefox doesn't push the menu down. Instead, it's the actual menu-list
that starts "to low" in FF and most other browsers, because the ul#nav
has a top margin - pushing it out of its div container.

So, the following...
#header #nav {margin: 0;}
...will place the menu at the same start-position in all browsers.


You still have misplaced end-tags for div containers - creating a flawed
nesting, which makes the whole thing pretty unpredictable.

- One missing end-tag for <div id="header">, which *should* be just
above <div id="content"> - below the end-tag for <div id="menu_holder">.

- The two last div end-tags above </body> should be deleted. They don't
belong to any div container.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/

Reply via email to