line indent and erroneous return in IE6

buggy IE

[SaminOz]

Does anyone have a lead on spurious indents relating to <p> and <li> selectors that don't show in IE7 or FF but do in IE6.

I have some indents that I can't explain (in <li>) and I have a situation where the last line of a short descriptive <p> block refuses to obey the padding or margin instructions contained in the CSS.

Thanks for any help,
Sam.

[edited by: eelixduppy at 7:26 pm (utc) on Mar. 31, 2009]
[edit reason] disabled smileys [/edit]

[simonuk]

With the code to see where the mistakes may lay it is hard to say.

Reset the paddings and margins at root level and then work forwards is all I can suggest.

[SaminOz]

I didn't think there was much point in putting up the code as I couldn't isolate the source of the error - but I have now found the solution and it's interesting.

IE uses a behind-the-scenes concept called "haslayout". There is a very interesting site on this subject - but I don't think I'm allowed to link to it from here. Bottom line is it is responsible for many of the issues that we are all so familiar with in IE.

The fix for this indenting of code in both <p> and <li> selectors was to add {display: inline-block;} - that maybe useful for someone else sometime.