Allineamento strano in IE

[Sharx]

Salve sto sviluppando un sito ed ho notato uno strano allineamento in IE7
in particolare il menu che si sviluppa orizzontalmente effettua il float correttament in Firefox...mentre in IE effettua si il float ma la voce si sposta in basso rispetto a quella precedente
per avere u n idea si guardi il link seguente con IE7

www.sharkcreations.it/carmine/index.php


di seguito il codice HTML

<div id="navigation-block">


<ul id="sliding-navigation">


<li class='sliding-element'>FASHION
<li class='sliding-element'>WEDDING
<li class='sliding-element'>ADVERTISING
<li class='sliding-element'>VIDEO
<li class='sliding-element'>CONTACTS
<li class='sliding-element'>BLOG[/list]
</div>

</div>
</code>

ed il CSS

<code>body
{
margin: 0;
padding: 0;
background: #ffffff;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 100%;
}

h2
{
color: #999;
margin-bottom: 0;
margin-left:13px;
background:url(navigation.jpg) no-repeat;
height:40px;
}

h2 span
{
display: none;
}

p
{
color: #C0C0C0;
margin-top: .5em;
font-size: .75em;
padding-left:15px;
}

#logo{
position:absolute;
bottom:0px;
left:0px;
z-index:11;
background:url("../images/bg.png") repeat-x;
height:63px;
width:380px;
float:left;
}



#contacts{
position:absolute;
bottom:300px;
left:20px;
z-index:11;
background-color:#000;
height:300px;
width:300px;
float:left;
opacity:0.9;
color:#FFF;
}

#contacts h1{
text-align:left;
padding-top:10px;
padding-left:10px;
font-size:20px;
letter-spacing:3px;

}

#contacts h3{
text-align:left;
padding-top:15px;
padding-left:10px;
font-size:18px;
letter-spacing:3px;

}

#contacts ul {
padding-left:10px;
padding-top:10px;
list-style:none;
font-size:12px;
}

#contacts ul li {
margin-bottom:5px;
}
#social {
width:100%;
color:#FFF;
margin-top:10px;
height:40px;

}

#social ul{
display:inline;
width:100%;
height:40px
}

#social ul li{
float:left;
margin:5px 10px;
}

#navigation-block {
position:absolute;
bottom:0px;
left:381px;
z-index:12;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:url("../images/bg.png") repeat-x scroll 0 0;
height:56px;
width:100%;
padding:7px 0 0 7px;


}


.infiniteCarousel {
position:absolute;
bottom:64px;
left:0px;
z-index:12;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:url("../images/bg.png") repeat-x scroll 0 0;
height:56px;
width:100%;
padding:7px 0 0 7px;


}

#hide {
position:absolute;
top:30px;
left:-190px;
}

ul#sliding-navigation
{
list-style: none;
font-size: .85em;
margin: 30px 0;
padding: 0;
display:inline;
}


ul.wrapper
{
list-style: none;
font-size: .85em;
margin: 30px 0;
padding: 0;
display:inline;
}


ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a,
ul#sliding-navigation li.sliding-element img
{
padding: 5px 18px;
margin:10px 30px 5px 0px;
float:left;
}

ul#sliding-navigation li.sliding-element h3
{
color: #fff;
background:#333 url(heading_bg.jpg) repeat-y;
font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
color: #ffffff;

text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #C0C0C0; }




ul.wrapper li.sliding-element h3,
ul.wrapper li.sliding-element a,
ul.wrapper li.sliding-element img
{
padding: 5px 18px;
margin:10px 30px 5px 0px;
float:left;
}

ul.wrapper li.sliding-element h3
{
color: #fff;
background:#333 url(heading_bg.jpg) repeat-y;
font-weight: normal;
}

ul.wrapper li.sliding-element a
{
color: #ffffff;

text-decoration: none;
}

ul.wrapper li.sliding-element a:hover { color: #C0C0C0; }

#thumbs { overflow: auto; height: 298px; width: 900px; border: none; padding-top:40px; margin:0 auto; }

#thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; }
#thumbs ul li { height: 75px; width:120px; margin:20px; float:left; list-style:none; display:inline; }

#thumbs ul li p { font-size:12px; text-align:left; color:#C0C0C0;}

.thumb { border: 2px solid #CCC; float: left; width: 100px; height: 75px; background: url(http://bitcast.vimeo.com/vimeo/thumb...ult.75x100.jpg); margin:0 auto; }

#embed { background-color: #E7E7DE; height: 300px; width: 504px; margin:0 auto; padding: 10px; }

#portrait { float: left; margin-right: 5px; max-width: 100px; }
#stats { clear: both; margin-bottom: 20px; }


Spero qualcuno possa aiutarmi.

Vi ringrazio anticipatamente

GG

[Mich_]

Non ho letto il codice: troppo lungo ed inserito senza i tag corretti (prova ad usare il bottone # sopra l'area del testo).

Comunque gli errori di IE sono ben documentati: vedi tra i "link utili", oppure fa' una ricerca nel fourm o ancora cerca in rete.

Il tuo problema potrebbe essere il raddoppio dei margini negli oggetti float (non ne sono sicuro, pero`)