Ja no IE e no Opera ta belezinha, ja nao sei mais o que olhar .
CODE
<html>
<head>
<title>contraponto layout 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
#esqbg {
background-image: url(images/index_09.jpg);
background-repeat: no-repeat;
background-position: right top;
clip: rect(0px,0px,auto,auto);
top: 0px;
right: 0px;
height: 100%;
width: 100%;
}
#dirbg {
background-image: url(images/index_12.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 100%;
width: 100%;
}
#topesqbg {
background-image: url(images/index_02.jpg);
background-position: left top;
height: 137px;
width: 100%;
}
#sombraesqbg {
background-image: url(images/index_03.jpg);
height: 137px;
width: 11px;
background-repeat: no-repeat;
float: none;
}
#tintasombraesqbg {
background-image: url(images/index_10.jpg);
background-repeat: no-repeat;
top: 0px;
right: 0px;
height: 100%;
width: 11px;
float: none;
}#sombradirbg {
background-image: url(images/index_05.jpg);
height: 137px;
width: 9px;
background-repeat: no-repeat;
float: none;
}
#tintasombradirbg {
background-image: url(images/index_11.jpg);
background-repeat: no-repeat;
top: 0px;
right: 0px;
height: 100%;
width: 9px;
float: none;
}
img {
background-color:#FFFFFF;
background:url(images/carregando.gif) no-repeat center center;
}
table {
height: 100%;
width: 100%;
}
-->
</style></head>
<body bgcolor="#FFFFFF">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="260">
<div id="topesqbg"></div>
<div id="esqbg"></div>
</td>
<td width="11" align="right">
<div id="sombraesqbg"></div>
<div id="tintasombraesqbg"></div>
</td>
<td width="740" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="133">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="740" height="133">
<param name="movie" value="flash/top.swf">
<param name="quality" value="high">
<embed src="flash/top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="740" height="133"></embed>
</object>
</td>
</tr>
<tr>
<td height="11"><img src="images/sombra_08.jpg" width="740" height="11"></td>
</tr>
<tr>
<td align="center" valign="middle"><img src="images/329656_7343.jpg" width="640" height="480"></td>
</tr>
<tr>
<td height="22"><img src="images/botton_14.jpg" width="740" height="22"></td>
</tr>
</table>
</td>
<td width="9" align="left">
<div id="sombradirbg"></div>
<div id="tintasombradirbg"></div>
</td>
<td width="260">
<div id="topesqbg"></div>
<div id="dirbg"></div>
</td>
</tr>
</table>
</body>
</html>
<head>
<title>contraponto layout 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
#esqbg {
background-image: url(images/index_09.jpg);
background-repeat: no-repeat;
background-position: right top;
clip: rect(0px,0px,auto,auto);
top: 0px;
right: 0px;
height: 100%;
width: 100%;
}
#dirbg {
background-image: url(images/index_12.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 100%;
width: 100%;
}
#topesqbg {
background-image: url(images/index_02.jpg);
background-position: left top;
height: 137px;
width: 100%;
}
#sombraesqbg {
background-image: url(images/index_03.jpg);
height: 137px;
width: 11px;
background-repeat: no-repeat;
float: none;
}
#tintasombraesqbg {
background-image: url(images/index_10.jpg);
background-repeat: no-repeat;
top: 0px;
right: 0px;
height: 100%;
width: 11px;
float: none;
}#sombradirbg {
background-image: url(images/index_05.jpg);
height: 137px;
width: 9px;
background-repeat: no-repeat;
float: none;
}
#tintasombradirbg {
background-image: url(images/index_11.jpg);
background-repeat: no-repeat;
top: 0px;
right: 0px;
height: 100%;
width: 9px;
float: none;
}
img {
background-color:#FFFFFF;
background:url(images/carregando.gif) no-repeat center center;
}
table {
height: 100%;
width: 100%;
}
-->
</style></head>
<body bgcolor="#FFFFFF">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="260">
<div id="topesqbg"></div>
<div id="esqbg"></div>
</td>
<td width="11" align="right">
<div id="sombraesqbg"></div>
<div id="tintasombraesqbg"></div>
</td>
<td width="740" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="133">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="740" height="133">
<param name="movie" value="flash/top.swf">
<param name="quality" value="high">
<embed src="flash/top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="740" height="133"></embed>
</object>
</td>
</tr>
<tr>
<td height="11"><img src="images/sombra_08.jpg" width="740" height="11"></td>
</tr>
<tr>
<td align="center" valign="middle"><img src="images/329656_7343.jpg" width="640" height="480"></td>
</tr>
<tr>
<td height="22"><img src="images/botton_14.jpg" width="740" height="22"></td>
</tr>
</table>
</td>
<td width="9" align="left">
<div id="sombradirbg"></div>
<div id="tintasombradirbg"></div>
</td>
<td width="260">
<div id="topesqbg"></div>
<div id="dirbg"></div>
</td>
</tr>
</table>
</body>
</html>
o link para visualização é o seguinte contraponto
Obrigado pessoal

Help














