Stylesheets - How to fix CSS Floating Span Overlap in IE6 (Does not happen in Firefox 1.5)

Author

How to fix CSS Floating Span Overlap in IE6 (Does not happen in Firefox 1.5)

ltlpeepl@gmail.com

2006-04-10, 7:13 pm

I'm having the issue where I have floating spans that overlap in IE6
when wrapping should occur. If you make the browser window small enough
so that wrapping will occur, they will overlap, making the text
unreadable. Is this a known IE issue, or is there a fix for this?

Here's a simple example:

<html>
<head>
<style type="text/css">
#span1
{
background: red;
width: 2em;
height: 1.5em;
float: right;
}
#span2
{
float: right;
}
</style>
</head>
<body>
<span id="span2">There Is a lot of content here</span><span
id="span1"></span>
</body>
</html>