Opera ver. 7 vs. ver. 8 -- Quirky Behavior

[Storyman]

I'm working a horizontal tabs and have run into strange Float behavior that exist in Opera 7, but not in Opera 8.

Here is the CSS code:

#nav { padding: 10px 0 0 46px; list-style: none; }
#nav li { float: left; display: block; padding: 0; }

Without the "float: left;" in "#nav li" the tabs expand to fill the container's width and leaves the tabs stacked vertically down the page. "Float: left" creates the effect of a horizontal row of tabs.

However, Opera 7 still has the stacked tab effect. Opera 8 on the other hand has shows the desired tab effect.

Any idea as to what is going on with Opera 7?

Is there a hack that will hide the "float: left;" command from ONLY Opera 7?

[SuzyUK]

What version of Opera? I'm not seeing vertical stacking in 6.06, 7.11, 7.51 or 7.54

It could possibly be a minor version quirk, floats used to have to have widths (still recommended for back compatibility with some v5 browsers). Without a width they are supposed to "shrinkwrap" their content, but this is relatively new feature (v6 +) Opera was one of the first to bring in this behaviour, so it could just be a version hiccup?

However that's just a guess as I can't replicate it, I'd be wary of finding a hack for it (even if there is one) because if it is just a version quirk a hack could cause more headaches than not..

another alternative might be to use widths on the floats

Suzy

[Storyman]

Suzy,

It is version 7.54. At least that is what I got from Adobe. The most recent version of GoLive CS2 uses that version of Opera for preview. I first noticed the difference when the page was rendered in Opera 8, but preview in GL's Opera preview. It is probably something quirky with the program.