Text Float with Internet Explorer 5

Text float IE5

[Tourex]

I'm working on an XHTMLv1(strict) site with a three-column floating div layout.

Images in the central 'content' panel use CSS float:right or float:left, as appropriate. Each image is hyperlinked to another page with an enlargement of the illustration.

The code works well in all current browsers, but breaks in IE5/5.5 - where the text does not float around the images as intended. I've found that the problem is the links. Remove them from the images and everthing floats correctly.

Has anyone come across this behaviour before and is there a workaround?

I've spent all afternoon experimenting, but can't find any way of formatting the link (which seems to be forcing a width equivalent to the entire panel, rather than the image). The only way I've found round it is to enclose the photo and link in a div, but with 1500 photos in the site, its going to be a massive job to add this to every illustration.

Thanks in anticipation.

[coopersita]

Sounds like the links are behaving as block elements (taking the full width).

just an idea, but you could try:

a {display: inline;}
to force them back to fit the image

a {width: 100px }
to force them to be the size of your thumbnails (but will only work if all images are the same size.

a {float: left;}
to try to force them to shorten to it's content size

Good luck!