1ero: es el que les mostrare en la imagen comparacion entre IE y Firefox que como veran no se ve igual.
2do: si se fijan el la imagen veran que tiene sombra a los costados esta las hago con 2 divs a cada lado respectivamente pero resulta que no las puedo estirar al 100% vertical.. y me estoy volviendo loco
aca les pongo los codigo para que me digan si hay errores y consejos para mejorar con los divs que tantos detalles hay que tener en cuenta.
Estes el el codigo del html
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Noticias del Jardin</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('img/locales_over.gif','img/provinciales_over.gif','img/nacionales_over.gif','img/internacionales_over.gif')">
<div class="web" id="web">
<div class="web_contenedor" id="web_contenedor">
<div class="sombra_izq" id="sombra_izq"><img src="img/sombra_izq.jpg" /></div>
<div class="box" id="box">
<div class="menu_principal" id="menu_principal">
<table width="931" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="931" border="0" cellpadding="0" cellspacing="0" background="img/noticias_bg.jpg">
<tr>
<td width="100" align="left"><img src="img/noticias.jpg" alt="Noticias" width="99" height="30" border="0" /></td>
<td width="77"><div align="center"><a href="#noticias_locales" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Locales','','img/locales_over.gif',1)"><img src="img/locales.gif" alt="Locales" name="Locales" width="57" height="10" border="0" id="Locales" /></a></div></td>
<td width="1" align="left"><img src="img/separador_vertical.gif" alt="Noticias" width="1" height="10" border="0" /></td>
<td width="120"><div align="center"><a href="#noticias_provinciales" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Provinciales','','img/provinciales_over.gif',1)"><img src="img/provinciales.gif" alt="Provinciales" name="Provinciales" width="100" height="10" border="0" id="Provinciales" /></a></div></td>
<td width="1" align="left"><img src="img/separador_vertical.gif" alt="Noticias" width="1" height="10" border="0" /></td>
<td width="105"><div align="center"><a href="#noticias_nacionales" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Nacionales','','img/nacionales_over.gif',1)"><img src="img/nacionales.gif" alt="Nacionales" name="Nacionales" width="85" height="10" border="0" id="Nacionales" /></a></div></td>
<td width="1" align="left"><img src="img/separador_vertical.gif" alt="Noticias" width="1" height="10" border="0" /></td>
<td width="145"><div align="center"><a href="#noticias_internacionales" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Internacionales','','img/internacionales_over.gif',1)"><img src="img/internacionales.gif" alt="Internacionales" name="Internacionales" width="125" height="10" border="0" id="Internacionales" /></a></div></td>
<td width="200" align="left"> </td>
<td width="10" align="right"><img src="img/noticias_curva_arriba.jpg" width="10" height="30" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="931" border="0" cellpadding="0" cellspacing="0" bgcolor="#971507">
<tr>
<td width="10" valign="bottom"><img src="img/noticias_curva_abajo.jpg" width="10" height="15" /></td>
<td width="694"> </td>
<td width="217" class="fecha">Martes 8 de Enero de 2008</td>
<td width="10" align="right" valign="bottom"><img src="img/noticias_curva_abajo_der.jpg" width="10" height="15" /></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div class="top" id="top">
<div class="title_contenedor" id="title_contenedor">
<div class="title" id="title">
<table width="392" height="146" border="0" cellpadding="0" cellspacing="0" background="img/titulo_bg.jpg">
<tr>
<td width="8" height="8" align="left" valign="top"><img src="img/titulo_curva_arriba.jpg" width="8" height="8" /></td>
<td> </td>
<td width="8" align="right" valign="top"><img src="img/titulo_curva_arriba_der.jpg" width="8" height="8" /></td>
</tr>
<tr>
<td> </td>
<td><div align="center">
<table width="329" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" valign="middle"><img src="img/logo.gif" width="137" height="103" /></td>
<td width="179" valign="top"><table width="220" height="98" border="0" cellspacing="4" cellpadding="0">
<tr>
<td width="220" height="54" valign="middle"><img src="img/titulo_text.jpg" alt="Noticias del Jardin 97.5 Mhz" width="217" height="44" /></td>
</tr>
<tr>
<td height="32" valign="bottom"><div class="subtitle" id="subtitle">Yerba Buena - Tucumán</div></td>
</tr>
</table></td>
</tr>
</table>
</div>
</td>
<td> </td>
</tr>
<tr>
<td width="8" height="8" align="left" valign="bottom"><img src="img/titulo_curva_abajo.jpg" width="8" height="8" /></td>
<td> </td>
<td width="8" align="right" valign="bottom"><img src="img/titulo_curva_abajo_der.jpg" width="8" height="8" /></td>
</tr>
</table>
</div>
<div class="radio_online" id="radio_online">
<table width="275" height="146" border="0" cellpadding="0" cellspacing="0" background="img/titulo_bg.jpg">
<tr>
<td width="8" height="8" align="left" valign="top"><img src="img/titulo_curva_arriba.jpg" width="8" height="8" /></td>
<td> </td>
<td width="8" align="right" valign="top"><img src="img/titulo_curva_arriba_der.jpg" width="8" height="8" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="8" height="8" align="left" valign="bottom"><img src="img/titulo_curva_abajo.jpg" width="8" height="8" /></td>
<td> </td>
<td width="8" align="right" valign="bottom"><img src="img/titulo_curva_abajo_der.jpg" width="8" height="8" /></td>
</tr>
</table>
</div>
<div class="top_footer" id="top_footer">
<table width="683" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="curva_interior" align="right"><img src="img/titulo_curva_interior.jpg" width="6" height="6" align="top" /></div>
</td>
</tr>
<tr>
<td>
<table width="683" border="0" cellpadding="0" cellspacing="0" background="img/titulo_bg_3.jpg">
<tr>
<td width="10" height="30" align="left"><img src="img/titulo_curva_footer.jpg" width="10" height="30" /></td>
<td width="444"> </td>
<td width="229"> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<div class="foto" id="foto">
<table width="249" height="182" border="0" cellpadding="0" cellspacing="0" background="img/titulo_bg_2.jpg">
<tr>
<td width="8" height="8" align="left" valign="top"><img src="img/titulo_curva_arriba.jpg" width="8" height="8" /></td>
<td> </td>
<td width="8" align="right" valign="top"><img src="img/titulo_curva_arriba_der.jpg" width="8" height="8" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="8" height="8"> </td>
<td> </td>
<td width="8" align="right" valign="bottom"><img src="img/titulo_curva_abajo_der.jpg" width="8" height="8" /></td>
</tr>
</table>
</div>
</div>
<div class="main" id="main">
<div class="publi_izq" id="publi_izq"> class "publi_izq" id "publi_izq"</div>
<div class="noticias" id="noticias">
<table width="752" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="170" border="0" align="right" cellpadding="0" cellspacing="0" id="tamano_texto">
<tr>
<td width="8" valign="top"><img src="img/titulo_curva_arriba.jpg" width="8" height="8" /></td>
<td width="140"><div align="center">Tamaño del texto</div></td>
<td width="30" bgcolor="#9d1d1d"><div align="center"><img src="img/menos.gif" alt="Achicar" /></div></td>
<td width="20"></td>
<td width="30" bgcolor="#9d1d1d"><div align="center"><img src="img/mas.gif" alt="Agrandar" /></div></td>
<td width="8" align="right" valign="top"><img src="img/titulo_curva_arriba_der.jpg" width="8" height="8" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="752" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" height="18" background="img/noticias_bg_2.jpg"><div align="center"><img src="img/flecha_abajo.gif" width="10" height="9" /></div></td>
<td width="730" background="img/noticias_bg_2.jpg"><div align="left"><a name="noticias_locales" id="noticias_locales"><img src="img/noticias_locales.gif" alt="Noticias Locales" width="132" height="10" /></a></div></td>
</tr>
<tr>
<td> </td>
<td><table width="732" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="683" bgcolor="#8d9c5c"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="20" background="img/noticias_degrade_abajo.jpg"> </td>
</tr>
</table>
<br /></td>
</tr>
<tr>
<td height="18" background="img/noticias_bg_2.jpg"><div align="center"><img src="img/flecha_abajo.gif" width="10" height="9" /></div></td>
<td background="img/noticias_bg_2.jpg"><div align="left"><a name="noticias_provinciales" id="noticias_provinciales"><img src="img/noticias_provinciales.gif" alt="Noticias Provinciales" width="173" height="10" /></a></div></td>
</tr>
<tr>
<td> </td>
<td><table width="732" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="683" bgcolor="#8d9c5c"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="20" background="img/noticias_degrade_abajo.jpg"> </td>
</tr>
</table>
<br /></td>
</tr>
<tr>
<td height="18" background="img/noticias_bg_2.jpg"><div align="center"><img src="img/flecha_abajo.gif" width="10" height="9" /></div></td>
<td background="img/noticias_bg_2.jpg"><div align="left"><a name="noticias_nacionales" id="noticias_nacionales"><img src="img/noticias_nacionales.gif" alt="Noticias Nacionales" width="159" height="10" /></a></div></td>
</tr>
<tr>
<td> </td>
<td><table width="732" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="683" bgcolor="#8d9c5c"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="20" background="img/noticias_degrade_abajo.jpg"> </td>
</tr>
</table>
<br /></td>
</tr>
<tr>
<td height="18" background="img/noticias_bg_2.jpg"><div align="center"><img src="img/flecha_abajo.gif" width="10" height="9" /></div></td>
<td background="img/noticias_bg_2.jpg"><div align="left"><a name="noticias_internacionales" id="noticias_internacionales"><img src="img/noticias_internacionales.gif" alt="Noticias Internacionales" width="197" height="10" /></a></div></td>
</tr>
<tr>
<td> </td>
<td><table width="732" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="683" bgcolor="#8d9c5c"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="20" background="img/noticias_degrade_abajo.jpg"> </td>
</tr>
</table></td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
</div>
</div>
</div>
<div class="sombra_der" id="sombra_der"><img src="img/sombra_der.jpg" /></div>
</div>
<div class="footer" id="footer">
<table width="976" height="10" border="0" cellpadding="0" cellspacing="0" id="sombra_footer">
<tr>
<td width="10" align="left" valign="top"><img src="img/sombra_izq_esquina.jpg" width="10" height="10" /></td>
<td width="955"> </td>
<td width="20" valign="top"><div align="right"><img src="img/sombra_der_esquina.jpg" width="20" height="10" /></div></td>
</tr>
</table>
Noticias del Jardin 97.5Mhz
<br />
Yerba buena - Tucumán - Argentina </div>
</div>
</body>
</html>
Este es el codigo CSS
Código :
@charset "utf-8";
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align:center;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
background-color: #869456;
}
#web {
width: 976px;
height: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#menu_principal {
width: 931px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
#sombra_izq {
background-image: url(img/sombra_izq_bg.jpg);
background-repeat: repeat-y;
width: 10px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
height: auto;
}
#box {
background-color: #99a966;
width: 956px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
float: left;
}
#sombra_der {
background-image: url(img/sombra_der_bg.jpg);
background-repeat: repeat-y;
width: 10px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
float: left;
height: auto;
}
#noticias {
width: 752px;
float: right;
padding-top: 5px;
padding-bottom: 5px;
}
#tamano_texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-image: url(img/noticias_bg.jpg);
background-repeat: repeat-x;
}
#publi_izq {
float: left;
width: 149px;
}
#footer {
clear: both;
padding-bottom: 10px;
}
#subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: center;
}
#sombra_footer {
background-image: url(img/sombra_abajo.jpg);
background-repeat: repeat-x;
}
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
.fecha {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: right;
}
#top {
height: 183px;
width: 931px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
#main {
margin-right: auto;
margin-bottom: 5px;
margin-top: 5px;
margin-left: auto;
width: 931px;
height: auto;
}
#title {
height: 146px;
width: 393px;
float: left;
margin-right: 6px;
}
#radio_online {
height: 146px;
width: 277px;
float: left;
margin-right: 6px;
}
#foto {
height: 183px;
width: 249px;
float: right;
}
#title_contenedor {
width: 682px;
height: 183px;
clear: both;
float: left;
}
#top_footer {
width: 682px;
height: 37px;
float: left;
}
. slds! 
ahora mejore todo como me dijeron use todo div y css voy a mostrarle haber que me dicen pero igual no logro que quede como lo hago con tablas 
) pero por ejemplo note que usas clase e id para un div
1:06:00 para poder descargar tu ficherooo 