Ciao a tutti,
sto impazzendo con una pagina dove ho messo una tabella con tre colonne: nella prima ho messo un'immagine di background con uno stile css, in quella di mezzo ho messo un'immagine con il tag <img> che voglio allineare in alto e nella colonna a destra un'altra immagine di sfondo con un css.
Il problema è che l'immagine nella colonna centrale in IE rimane sfasata di qualche pixel verso il basso rispetto al bordo superiore della tabella, mentre in firefox viene visualizzata come desidero. Se all'immagine assegno con i css un bordo di 1 pixel, magicamente si riallinea in alto, ma io il bordo non lo voglio!!!
Come potrei risolvere questo problema?
Grazie mille
Ciao!

Questo è il codice della pagina:
codice:
<!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" lang="it" xml:lang="it"

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


<title>Per-x.it - HOME</title>
<meta name="description" content="Joomla - the dynamic portal engine and content management system" />
<meta name="keywords" content="Joomla, joomla" />
<meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2006 Open Source Matters. Tutti i diritti riservati." />
<meta name="robots" content="index, follow" />
	<link rel="shortcut icon" href="http://www.per-x.it/images/favicon.ico" />
	
<script type="text/javascript"> </script>



<link href="templates/per-x_template/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />

</head>



<body>

<table class="perx_table">
	<tr>
		<td class="left">
    	[img]templates/per-x_template/images/spacer.gif[/img]
					<table cellpadding="0" cellspacing="0" class="moduletable">
				<tr>
			<td>
							</td>
		</tr>
		</table>
		    </td>
    <td class="inside" valign="top">
    	[img]templates/per-x_template/images/top_fade.jpg[/img]
    				    </td>
    <td class="right" valign="top">
    			<table cellpadding="0" cellspacing="0" class="moduletablenews_home">
				<tr>
			<td>
				<ul class="latestnewsnews_home">
	<li class="latestnewsnews_home">
		<a href="http://www.per-x.it/index.php?option=com_content&amp;task=view&amp;id=18&amp;Itemid=1" class="latestnewsnews_home">
			Inaugurazione</a>
	
	[/list]			</td>
		</tr>
		</table>
		    </td>
	</tr>
  <tr>
  	<td colspan="3" class="footer"><div align="center">
	&copy; 2007 Per-x.it</div>

<div align="center">
	Joomla! un software libero rilasciato sotto licenza GNU/GPL.</div></td>
  </tr>
</table>
</body> </html>
e questo il foglio di stile:
codice:
.perx_table {
width:1017px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
border-collapse:collapse;
border:0px solid black;
}

.perx_table td{
	padding:0px;
  border:0px solid black;
}

td.left{
background-image:url(../images/left.jpg);
background-repeat:no-repeat;
background-position:top left;
}

td.right{
background-image:url(../images/right_bg.jpg);
background-repeat:repeat-x;
background-position:top left;
}

td.inside{
padding:0px;
width:700px;
}

.topfade{
border:0px;
margin:0px;
margin-top:0px;
border:0px solid red;
}

.moduletable{
padding:0px;
border-collapse:collapse;
margin:0px;
}

.moduletable td{
padding:0px;
margin:0px;
border-collapse:collapse;
}

.moduletablenews_home{
background-image:url(../images/news.jpg);
background-repeat:no-repeat;
background-position:top left;
width:160px;
margin:0px;
}

.moduletablenews_home th{
background-color:#53629B;
width:160px;
}

.moduletablenews_home ul{
margin-top:40px;
}

table.moduletablemenuhome {
  padding:0px;
  width:100%;
}

.moduletablemenuhome ul{
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
font-size:12px;
color:#FBB033;
background-color:#05347A;
padding:5px;
list-style-type:none;
margin:0px;
}

.moduletablemenuhome ul li {
	display:inline;
  margin:5px;
}