[CSS] Pagina che in Explorer impazisce

[D4rkAng3l]

Ciao,
devo modificare una pagina fatta da un'altra persona il cui codice è un po' incasinato.
La pagina in questione è: http://www.siatec.net/andrea/archivi...omie/page.html

Se l'aprite con firefox potete vedere che il menu (sotto l'header) funziona correttamente, se invece provate ad aprirlo con Explorer i link del menu sono stranamente non clickabili e la scritta Home è più in alto del normale....non capisco cosa ci sia che non vada...posto il codice HTML e CSS:

<!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" xml:lang="it" lang="it" dir="ltr">

<head id="Head1"><title>
	Home
</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta http-equiv="imagetoolbar" content="no" /><meta name="Description" content="Home" /><meta name="Keywords" content="Home" />
<script src="http://www.bbcsite.com/template/riferimento/common.js" type="text/javascript"></script>

<style type="text/css">
/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}


a{
color:#505050;
font-weight:bold;
text-decoration:none;
}

#wrap{
   clear: left;
}




<!--
/* CSS Document */
#sitename {
	color:#ffffff;
	height:92px;
	text-align:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

	
#content {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#8b8b8b;
    margin:0;
    padding:0;
    text-align:center;
}

#container {
background:#000000;


}

a:link, a:visited, a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#my_slideshowhome{
    height: 132px;
}


#navlist li{
   height: 20px;
   background:#000000;
   padding-top: 10px;
}
 


-->
</style>

<script type="text/javascript" src="http://www.bbcsite.com/template/riferimento/slideshow/mootools.js"></script>
<script type="text/javascript" src="http://www.bbcsite.com/template/riferimento/slideshow/slideshow.js"></script>

</head>

<body>
<form name="frm" method="post" action="Default.aspx" id="frm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE4OTA0OTIzMTFkZKjwNoneGnrIpdgMDy7tiI7WXaW9" />
</div>

<div id="container">
<div id="sitename">

<div align="left" id="my_slideshowhome" class="slideshow"><img width="1000" height="132" src="img/header2.jpg" alt="A picture" /> 
<script type="text/javascript">
  myShow = new Slideshow('my_slideshowhome', {type: 'fade', duration: [2000, 3000], width: 1000, height: 132, hu: 'img/', images: ['header2.jpg','header3.jpg','header4.jpg']});
</script>

</div>

<div id="mainmenu">
     <div id="navcontainer">
        <ul id="navlist">
          <li><a href="http://www.google.com">Home</a></li>
          <li><a href="http://www.bbcsite.it/public/siti/ecommerce/paginaita5576.aspx">Prodotti</a></li>
        </ul>
     </div>
</div>

</div>
 
 
<div id="wrap">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">

    <td width="20%"><div id="leftside">
<div class="STRMyConfLatosx" style="text-align:left"></div>
    </div></td>
    <td width="60%"><div id="content">
<div id="ItemCorpoPresentazione">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><h1><div class="STRPRODdescriptionLINGUA">Home</div></h1></td>
  </tr>
  <tr>

    <td valign="top"><p><font size="4">I prodotti in vendita su questo sito sono fittizi, servono esclusivamente per vedere il funzionamneto dell' ecomerce.<br /><br /><img alt="" src="http://www.bbcsite.it/public/library/ClipArt_Animate/Economia/eco153[1].gif" /></font></p></td>
  </tr>
</table>
 </div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">

<div id="ItemCorpoProdotto"> </div>


<div id="ItemCategorieRipeti">
          <table width="100%" border="0" align="center" cellpadding="2" cellspacing="2">
            
          </table>
      </div>
</td>
  </tr>
</table>
      </div></td>
    <td width="20%"><div class="STRMyConfLatodx" style="text-align:right"></div></td>

  </tr>
</table>
<div class="clearingdiv">&nbsp;</div>
</div>
</div>

<div id="footer">
<div class="indirizzo">
			<span class="StrSuppan_indir">Ecommerce Demo</span> 
			<span class="StrSuppan_indir">V.le della Repubblica</span> 
			<span class="StrSuppan_citta">Tolentino</span>
	 		<span class="StrSuppan_prov">(MC)</span> 
	 		<span class="StrSuppan_cap">62029</span>

			<span class="StrSuppan_telef">0733 000000</span>  
			<span class="StrSuppan_faxtlx">0733.000000</span>
			<span class="StrSuppsupplierEmail">ecommerce<img src="http://www.creoinvento.com/wi_images/null.gif" alt=""/>@<img src="http://www.creoinvento.com/wi_images/null.gif" alt=""/>bbcsite.it</span>
			<div class="STRMyConfPiePagina"></div>
</div><!--/div.indirizzo-->
<div class="Poweredby"><p>Powered by <a href="http://www.bbcsite.com/">BBC</a></p></div>
	<div class="StrSuppidSupplier">

<p><SCRIPT LANGUAGE="javaScript">document.write(txt1);</SCRIPT> 109 PI 01111111 <a href="http://www.bbcsite.it/public/siti/ecommerce/viewita.aspx">Site Map</a></p>	
	</div>	
	
	<p>
<script type="JavaScript">document.write('<s' + 'cript src="' + txt2 +'109">');document.write('</' + 's' + 'cript>');</script>
<!--Ultimo agg. 15/09/2008 0.22.57 V1907 pagita6370-->

</p>
</div>
</form>
</body>
</html>

Grazie
Andrea

[D4rkAng3l]

up