Posted by Toby Inkster on 09/25/05 21:59

Marc wrote:
> Toby Inkster wrote:
>
>> http://examples.tobyinkster.co.uk/horizonlt
>
> Regarding the menu, no it isn't supposed to overlap, the menu items
> should start to the right of the vertical URL - do you have any idea why
> Opera does this and how I can fix it without messing it up in IE and FF
> (which are the browsers I am required to support)?

Yes I do know.

You set

#menu UL {
margin-left: 55px;
}

but you forgot the NUMBER ONE rule when playing with margins or paddings
for lists.

The number one rule is: always EXPLICITLY set:

* margin-left for UL (or OL)
* padding-left for UL (or OL)
* margin-left for LI
* padding-left for LI

Don't rely on the browser defaults for any of these values, as different
browsers have wildly different defaults for each of them.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

[Back to original message]