Horiz. navigation ul problem in IE

Hey everyone.

First the requisite links:

site: http://www.joshrenaud.com/bodies/index.html
css: http://www.joshrenaud.com/bodies/stylesheets/style.css

I have a UL that I'm using for a horizontal navigation bar on a website. It
looks decent in most browsers I've checked, except for IE5.

In IE5, the links break and wrap onto a second line. But the links on the
second line overlap the upper ones.

In what is probably a related problem, I've also noticed that the navigation
bar seems to float up too high, touching the top of the page. Other browsers
(Safari, Netscape, etc) don't do this. The margin isn't set on the nav bar
itself (#MainContent ul#Menu) but on the parent div (#MainContent).

Can anyone suggest solutions to either of these problems (or a solution for
them both?)

Thanks for any help anyone can offer.

--Josh

On Sat, 17 Apr 2004 14:05:32 -0400, Brian
<usenet3 (AT) julietremblay (DOT) com.invalid> wrote:

(quoted CSS)

* html div#LeftSidebar {

Apologies if I'm way off, and feel free to dope-slap me if I am, but does
this make sense? I read this as selecting the id'ed div if it is a
descendant of html if html is a descendant of any element. But html, being
the root element, is never a descendant of any element. Should this be
legal?

On Sat, 17 Apr 2004 20:03:55 +0100, Jim Dabell <jim-usenet (AT) jimdabell (DOT) com>
wrote:

Neal wrote:
* html div#LeftSidebar {
But html, being
the root element, is never a descendant of any element. Should this be
legal?

Some versions of Internet Explorer have a "phantom" element outside of
the
root element, so this is a simple way of providing styles just for them.

Interesting. Thanks for this explanation. It could prove useful.