Ciao a tutti,

ho un problema con IE.
Ho creato un sito, dove nella sezione fotogallery c'č un sottomenų (composto dalle voci Abitazioni, Alberghi, Eventi, ecc.). Alla sinistra del sottomenų, c'č la scritta (non cliccabile) Galleria Fotografica. Ora, in Firefox, sottomenų e scrittā sono perfettamente in riga; in IE (6 e 7) il sottomenų sale di qualche pixel e non č pių allineato.


Posto l'html (ridotto all'osso) della pagina, magari č pių chiaro



<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="e"/>
<meta name="Robots" content="index, follow" />
<meta name="Distribution" content="Global" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="stile.css" />

<script type="text/javascript" src="scripts/highslide.js"></script>
<script type="text/javascript">

hs.graphicsDir = 'scripts/graphics/';



// Identify a caption for all afbeeldingen. This can also be set inline for each image.

hs.captionId = 'the-caption';



hs.outlineType = 'rounded-white';

window.onload = function() {

hs.preloadImages(5);

}

</script>

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</head>
<body style="background-image:none">

<div class="globale">
<div class="logo">[img]img/logo.gif[/img]</div>
<div class="menu"> +Cosa Facciamo-Photogallery+Preventivi+Contatti</div>
<div class="clear"></div>
<div class="illustrazione">
<div id="highslide-container" style="margin-top:10px;"></div>

</div></div>


<br clear="all" />
</p>
<div class="submenu"><span class="style1">Gallerie fotografiche:</span>&gt;Abitazioni&gt;Alberghi&gt;Eventi&gt;Ristoranti&gt;Spazi commerciali e vetrine&gt;Stand Fieristici&gt;Uffici</div>


</p>
<div class="clear"></div>
<div class="footer_sottopagina">
<div class="left">



</div>
<div class="right">
Site by flescix
</div>
<div class="clear"></div>
</div>
</div>

</body>
</html>




e questo il css


.submenu { float: left; width: 900px; text-align: left; height: 35px; }
.submenu a { padding: 5px 0 5px 15px;; display: inline-block; text-decoration: none; color:#BABCBD; }
.submenu a:hover { color:#FFF; }
.submenu a.active { color:#FFF; }


Qualcuno ha qualche consiglio da darmi?

grazie mille

f.