Hola:
Estoy actualizando una web y tengo un problema. Con el siguiente código perteneciente a la página http://www.gadireditorial.com/notapremiojoven2013.html en IE10, Firefox o Chrome no tengo problemas, pero en IE 9 e inferiores me aparece con las barras de sombreado de debajo de la libro separadas. Soy bastante novato en todo esto y no soy capaz de dar con una solución ¿Alguien tiene alguna idea de solucionarlo? Muchas gracias por adelantado:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<LINK href="css.css" type="text/css" rel="StyleSheet">

<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">


</HEAD>
<body style="BACKGROUND-POSITION: right bottom; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(titulos/%27../imagenes/marcadeaguadescuadrada.gif%27); BACKGROUND-REPEAT: no-repeat"
bottomMargin="0" bgColor="#ffffff" leftMargin="0" topMargin="0" rightMargin="0" ms_positioning="GridLayout">
<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100px"
cellSpacing="0" cellPadding="0" width="100%" bgColor="#0000ff" border="0">
<TR>
<TD align="center" width="16%"><A class="enlace" href="novedades.htm">NOVEDADES</A></TD>
<TD align="center" width="16%"><A class="enlace" href="colecciones.htm">COLECCIONES</A></TD>
<TD align="center" width="16%"><A class="enlace" href="autores.htm">AUTORES</A></TD>
<TD align="center" width="16%"><A class="enlace2" href="titulos.htm">TÍTULOS</A></TD>
<TD align="center" width="16%"><A class="enlace" href="contacto.htm">CONTACTO</A></TD>
<TD align="center" width="16%"><A class="enlace" href="distribucion.htm">DISTRIBUCIÓN</A></TD>
</TR>
</TABLE>
<TABLE id="Table5" style="Z-INDEX: 105; LEFT: 134px; POSITION: absolute; TOP: 202px; width: 729px; height: 567px;" cellSpacing="0"
cellPadding="0" width="500" border="0">
<TR>

<TD width="139" vAlign="top">
<TABLE width="125" border="0" cellPadding="0" cellSpacing="0" id="Table4">
<TR>
<TD width="120">
<IMG alt="Premio Joven" src="imagenes/cubiertas/Portada 15 Premio Joven.jpg"
height="181" width="122" style="WIDTH: 120px; HEIGHT: 185px" border="0">
</TD>
<TD width="19"><IMG alt="" src="imagenes/lateraldch.gif"></TD>
</TR>
<TR>
<TD height="5">
<IMG height="5" alt="" src="imagenes/lateralinf.gif"></TD>
<TD height="5">
<IMG alt="" src="imagenes/esquinainfdch.gif"></TD>
</TR>
</TABLE></TD>
<TD width="574" vAlign="top">
<TABLE id="Table6" cellSpacing="0" cellPadding="0" border="0" width="586">

<TR>
<p>&nbsp;</p>
<TD> <div align="justify">
<p><strong>Gadir Editorial</strong> publicar&aacute; el<em> Premio
Joven 2013 de Narrativa</em>, convocado por la Universidad Complutense de Madrid. Podrán concursar en él autores residentes en España, con una edad comprendida entre los 18 y los 35 años. La fecha límite de presentación de originales será el 11 de Octubre de 2013.
<p>Consulte <A href="imagenes/Bases 15 Premio Joven. Narrativa.pdf">las bases de la convocatoria.</A></p>
</div></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</body>
</html>