The page is here. http://www.streamlinevisions.com/test/1/

It looks like it's supposed to in IE6 but Net7 and Opera7 break it up badly. The code follows.

html
Code:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Erotic Side</title>
 <link rel="stylesheet" href="layout.css" type="text/css">
</head>
<body>
<div class="head"></div>
<div class="navbuttons">
 <div class="navlinks"><a href="/">Home</a></div>
 <div class="navlinks"><a href="/">Search</a></div>
 <div class="navlinks"><a href="/">by Text</a></div>
 <div class="navlinks"><a href="/">by Text</a></div>
 <div class="navlinks"><a href="/">by Text</a></div>
 <div class="navlinks"><a href="/">All Text</a></div>
</div>
<div class="content">
<div class="list">
<div class="listhead">
 <span class="text">
 <b>by Text</b>
 </span>
</div>
<div class="listbody">
 <span class="text">
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  SText<br />
  Text<br />
  Text<br />
  Text<br />
 </span>
</div>
</div>
<div class="list">
<div class="listhead">
 <span class="text">
 <b>by Text</b>
 </span>
</div>
<div class="listbody">
 <span class="text">
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
 </span>
</div>
</div>
<div class="list">
<div class="listhead">
 <span class="text">
 <b>by Text</b>
 </span>
</div>
<div class="listbody">
 <span class="text">
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
  Text<br />
 </span>
</div>
</div>
</div>
</body>
</html>
css
Code:
 
body { 
 margin: 0px 0px 0px 0px;
 background-color: Black;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.content {
 margin: 15px 15px 15px 15px;
 float: left;
}
.head {
 width: 100%;
 height: 68px;
 background: #0064ff;
}
.navbuttons {
 width: 100%;
 height: 20px;
 background: #00163A;
 border-bottom: 1px solid #0064FF;
}
.navlinks {
 margin: 0px 0px 0px 0px;
 padding: 2px 10px 2px 10px;
 float: right;
 color: #fff;
}
a {
 color: White;
 text-decoration: none; 
}
a:visited {
 color: White;
}
a:hover {
 color: Silver;
}
p {
 color: White;
}
.list {
 float: left;
 width: 150px;
 height: 160px;
 margin: 10px 10px 10px 0px;
 background: #00163A;
}
.text {
 color: White;
 font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.listhead {
 border: 1px solid #0064ff;
 width: 150px;
 height: 10px;
 padding: 2px 10px 2px 10px;
 margin-bottom: 2px;
}
.listbody {
 border: 1px solid #0064ff;
 width: 150px;
 height: 160px;
 padding: 10px 10px 10px 10px;
}

Should I just switch to tables or is there a fix?

Thanks
Jeremy