IE5 bug. workaround?

[viza]

Hi!

I have found that IE5.0 is misreading precentage sizes on content next to
floats. Specifically, they are read as a percentage of the space left after
the preceding float is placed, not of the containing block.

Has anyone else seen this problem?
Which versions does it affect?
Does anyone know how to get around it?

In this example, the two images should end up the same height:

http://www.touchwoodfurniture.co.uk/...e/testcase.htm :
<title>testcase</title>
<base href="http://www.touchwoodfurniture.co.uk/newsite/testcase.htm">
<p>
<img style="width:22.5%;float:left;margin:1ex" src="oak9.jpg">
<img style="width:38.5%;float:right;margin:1ex" src="Sherwood.jpg">
Left: <a href="/oak/lounge_dining/">Oak living room furniture</a>,
from the traditional <em>Dukeries</em> range, shown in a dark finish.
<p style="text-align:right">Right: <a href="/oak/bedroom/">Oak bedroom
furniture</a>
from the modern <em>Sherwood</em> range, in a lighter shade.

[kchayka]

viza wrote:

I have found that IE5.0 is misreading precentage sizes on content next to
floats. Specifically, they are read as a percentage of the space left after
the preceding float is placed, not of the containing block.

Has anyone else seen this problem?
Which versions does it affect?
Does anyone know how to get around it?

I've seen this in IE 5.0 and 5.5, maybe IE 6 in quirks mode, I don't
remember. The usual work-arounds
<URL:http://w3development.de/css/hide_css_from_browsers/>

Child selector and Tantek hack should both work. Which to use probably
depends on whether IE6 is in quirks or standards mode.

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.