table within a floating div

**kudos2me@gmail.com** · May 1 '07, 09:15 AM

Hi there, would really appreciate your help on this one. The code
below renders how i want it to on IE7 and Firefox and i'd it like to
render the same way in IE6 where I'd like the table floats left of the
sidebar and scrolls horizontally across the page. Unfortunately the
div that contains the table clears to the bottom of the div sidebar in
IE6. If anyone could give me some pointers or directions, I'd
appreciate it very much. Thanks in advance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>floating table test</title>

</head>

<body >
<div style="float: left; border: 1px dotted aqua; width: 99%;">

<div style="float: left; width: 200px; height: 200px; border: 1px
solid red;">
</div>
<div style="float:le ft; height:300px; width: 400px;border: 1px solid
blue;">

<table style="width: 100%" border="1" bordercolor="pi nk">
<tr>
<td>ReallyReall yReallyReallyRe allyReallyReall yReallyLongText </td>
<td>ReallyReall yReallyReallyRe allyReallyReall yReallyLongText ;</td>
<td>ReallyReall yReallyReallyRe allyLongText</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>ReallyReall yReallyReallyRe allyReallyReall yReallyLongText ;</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>ReallyReall yReallyReallyRe allyLongText</td>
<td> </td>
<td> </td>
<td> </td>
<td>ReallyReall yReallyReallyRe allyLongText</td>
</tr>
<tr>
<td>ReallyReall yReallyReallyRe allyLongText</td>
<td>ReallyReall yReallyReallyRe allyReallyReall yReallyLongText </td>
<td> </td>
<td> </td>
<td>ReallyReall yReallyReallyRe allyReallyReall yReallyLongText </td>
</tr>
</table>

</div>

</div>
</body>

</html>