ansaurus

Question

Answer 1

A:

Change your li class to this:

#menu li
    {
        background-color: #fff;
        border: solid 1px #fff;
    }

So bascally just get rid of the position decleration.

ssergei 2010-03-04 22:27:38

I cannot - because the <li> will contain <ul> as sub-menu that will be absolutely positioned, which mean <li> needs to be relatively/absolutely positioned.

Jiho Han 2010-03-05 16:10:06

Answer 2

+1 A:

Change your class to not include position: relative, but add this to the top:

body * {
 position: relative; 
}

orokusaki 2010-03-04 22:31:34

Hmm... this works but seems pretty onerous. It actually broke other parts of my page (not shown) Can you explain why this works? Perhaps then I can apply it further.

Jiho Han 2010-03-05 16:11:26

@Jiho This is the correct way to do it, and not a hack. What this does is position everything in your document relative to it's parent element (ie a `<div>` inside of another `<div>`, the one inside exists relatively to it's parent (which is only natural)). Then, when you need something to be absolute positioned, you can rest assured that it will be absolutely positioned based on its parent, and when you float something, you know it's floating in its parent. The `body *` says `everything inside the body tag`. Checkout O'reily's book "The Definitive Guide to CSS".

orokusaki 2010-03-06 07:46:20

ansaurus

tags:

views:

answers:

IE6 floated list indentation problem...

related questions