Ho un problemino...vorrei impostare un sito con un layout fluido.

la pagina in questione è Emiliaromagna.htm

Se con firefox si vede come voglio: con la cartina al 70% e l'altra tabella al 30%, con IE si vede la cartina a dimensione originale del file.

Come faccio a visualizzare in entrambi i browser la cartina ridimensionata in base alla tabella di sinistra(che è impostata al 70%)?

Posto il sorgente del file in questione...

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="/stylesite.css" rel="stylesheet" type="text/css" />
</head>

<body class="Stylesite">
<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="70%" rowspan="2" valign="top">[img]/Immagini/emiliaromagna%20copia.jpg[/img]</td>
<td width="30%" height="166" valign="top"> <p align="center">Accesso</p>
<p align="left">Nickname</p>
<p align="left">Password </p>
<p align="center">Log in</p>
</td>
</tr>
</table>
</body>
</html>


e il Css


.Stylesite {
font-size: 12px;
font-style: normal;
color: #0000CC;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
border: 0px 0;



}
body {
font-family: Arial, Helvetica, sans-serif;
}