Question

I’m dealing with an issue in the Opera 11.5 beta (I am presuming this is relevant to all Opera 11 releases) whereby a floated, block-level element (an un-ordered list) is being given an arbitrary fixed width and causing the child elements to wrap – in the same way to IE6 does.

The element is floated right and currently has no siblings. There are no widths specified for lists in my stylesheet.

I was wondering what sort of logic Opera uses to calculate width in these instances?

I have uploaded an image comparing Opera 11.5 to Firefox 4.1 with Dragonfly/Firebug output.

http://twitpic.com/55f79o/full

jsFiddle: http://jsfiddle.net/i_like_robots/HKAQ9/

Answer 1

I don’t know why yet (will look later)

but Opera is not liking the replace class not having a width on it

.replace {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    background: no-repeat 0 0;
    width: 10px;
}

I presume that class(by it’s name) is to house a replacement background image, so it should be OK to put a width on it?

Updated it is connected to the text-indent method of text hiding – without the text indent it is also fine in Opera