[jcharnley]

hey guys, I have this menu:

<ul>
<li><a><span>menu01</span></a></li>
[...]
</ul>

i am using CSS to make the li float left and and the anchor for the :hover effect (the span is for a "end" background picture).

Problem is with the width in IE6

if i don't define a width.value the li goes 100%, which looks crap.
if i define a width.value then the value is working as a min-width, but if the menu is in several words, it goes to the next line, which also looks crap.

anyone have a solution for this?

[herkalees]

A floated <li> (or any floated element) should never be block-level, as you describe it. Something in your cascade might be making this happen. Can we see a link to the page online?

[jcharnley]

yea, just uploaded it.

Forside - Køge Ridelaug <!-- the main menu (eg forside, etc etc)

[Limbo]

Originally Posted by herkalees

A floated <li> (or any floated element) should never be block-level, as you describe it.

Hi herk, why not? I do it all the time to make link lists so would like to know if I'd be better off trying sommit else..?

[Limbo]

Originally Posted by jcharnley

Forside - Køge Ridelaug <!-- the main menu (eg forside, etc etc)

looks ok from here..?

[pgo]

Originally Posted by herkalees

A floated <li> (or any floated element) should never be block-level

Huh? If you float something it is automatically made into a block-level element. Albeit one that partially ignores the document flow...

[jcharnley]

Originally Posted by Limbo

looks ok from here..?

yea, in Firefox, opera, safari, and IE>6 .... but not ie6 and under. Then it treats the floated <li>, as described earlier.

[herkalees]

Originally Posted by pgo

Huh? If you float something it is automatically made into a block-level element. Albeit one that partially ignores the document flow...

I'm either going crazy, or I remember when floating a block-level element, it becomes only the width of it's contents.

...or do I always have a width set when I do it?

[jcharnley]

No solution?

[hawken]

why are you putting a link around a block element anyway? isn't this illegal markup?

[Limbo]

He's not.

A span is not a block level element - that's the point. You use CSS to do the block bit so the link can be turned into a button and the text can be hidden, but the HTML remains semantic.

[jcharnley]

@ hawken
look it up: HTML SPAN TAG

@ anybody
Still no ideas how to fix ie6's behaviour? How do you usually set up a listed menu width <span> inside?