Tables to div?

[zorafex]

I'm trying to get rid of the tables in this code below. How can it be done? I think it can be done with div?

<table cellpadding="0" cellspacing="0" width="468" bgcolor="#000111"> 
<tr> 
<td valign="center" align="center" style="border-bottom:2px solid #FFF;
border-top:2px solid #FFF; border-right:1px solid #FFF; border-left:2px solid
#FFF;" valign="middle"> 
<img src="http://cache.bizrate.com/site/anandtech_pricecheck_121x43.gif"
width="121" height="43" hspace="2"> 
</td> 
<td valign="top" style="border-bottom:2px solid #FFF; border-top:2px solid
#FFF; border-right:2px solid #FFF; border-left:1px solid #FFF; background:
#000111; font-family: Arial, Helvetica, sans-serif;"> 
<p style="font-size:13px; color:#FFFFFF; margin-bottom:0px; margin-top:0px;
margin-left:8px; margin-right:0px;"><b><a
href="http://fuut.com/fh/FD-0/linkin_id-35/
NS-1/GS.html" style="color:#FF0000;">Cases and stuff</a></b></p> 
<p style="font-size:11px; color:#FFFFFF; margin-bottom:5px; margin-top:0px;
margin-left:8px; margin-right:0px;"> 
a little this that and the other :) &#8212;
<nobr><b>Lowest Price: $33.00</b></nobr><br> 
<a
href="http://fuuut.com/xPP-Memory/linkin_id-542"
style="color:#FF0000;">See all now</a> 
</p> 
</td> 
</tr> 
</table>

[MonkeeSage]

zorafex:

This in the head:

 <style type="text/css">
 .tab {
  border: 1px solid #FFF;
  background: #000111;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  width: 468px;
 }
 .img {
  border-bottom: 0px solid #000;
  border-top: 1px solid #000;
  border-right: 2px solid #FFF;
  border-left: 2px solid #000;
  padding: 2px 3px 0px 3px;
  vertical-align: middle;
 }
 .banner-body {
  height: 46px;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000; 
  border-right: 2px solid #000;
  border-left: 1px solid #FFF; 
  background: #000111; 
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 130px;
  margin-top: -49px;
 }
 .text {
  font-size: 13px; 
  margin: 0px;
  padding-left: 8px;
 }
 .small-text {
  font-size: 11px;
  margin: 0px;
  padding-left: 8px;
 }
 a {
  background: #000111; 
  color: #FF0000;
  font-weight: bold;
 }
 </style>
 <!--[if ie]>
 <style type="text/css"> 
 .img { width: 124px; height: 47px; }
 </style>
 <![endif]-->

This in the body:

<div class="tab">
<div class="img">
<img src="http://cache.bizrate.com/site/anandtech_pricecheck_121x43.gif" width="121" height="43" />
</div>
<div class="banner-body">
<p class="text"><a href="http://fuut.com/fh/FD-0/linkin_id-35/NS-1/GS.html">Cases and stuff</a></p>
<p class="small-text">a little this that and the other :) &#8212;
<nobr><b>Lowest Price: $33.00</b></nobr><br />
<a href="http://fuuut.com/xPP-Memory/linkin_id-542">See all now</a></p>
</div>
</div> 

HTH
Jordan