Salve a tutti...ho un piccolo problema con un box menu che (ovviamente) firefox mette al posto giusto ma IE no...sto impazzendo ma non trovo dove sbaglio...
codice:
body {
font-family: verdana, arial, helvetica, sans-serif;
background: url(sfondo.gif) repeat;
}
#contenitore {
margin-left: auto;
margin-right: auto;
border : 3px outset gray;
width: 680px;
}
#header {
width: 680px;
height: 140px;
background: url(testata.gif) no-repeat top left;
}
#navmenu {
background: url(nav.gif) repeat top left;
width: 680px;
height: 25px;
text-align : center;
font-size: 15px;
padding-top: 5px;
}
#navmenu a {
text-decoration: none;
font-weight: bold;
color: #000;
}
#navmenu a:hover {
color: #fff;
}
#navmenu a:visited {
text-decoration: none;
}
#content {
width: 680px;
background-color: #FFF;
position: relative;
}
#menu {
float: left;
position: absolute;
width: 30%;
}
#corpo {
margin-left: 200px;
padding-right: 10px;
padding-top: 5px;
}
#newsa {
margin-left: 0px;
padding-left: 0px;
color: red;
}
#newsb {
margin-left: 0;
padding-left: 0px;
}
#newsa img {
float: left;
margin-left: 0px;
padding-left: 0px;
padding: 2px;
}
#newsb img {
float: right;
padding: 2px;
}
#corpo h1 {
color: red;
font-size: 14px;
}
#corpo newsa {
height: 80%;
}
#corpo newsb {
height: 80%;
}
#newstot{
height: 250px;
}
#news1 {
float: left;
width: 200px;
padding: 10px;
}
#news2 {
float: right;
width: 200px;
padding: 10px;
}
#footer {
width: 660px;
height: auto;
text-align : center;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
/* ANGOLI SMUSSATI */
#contenitoreCurve {
margin-left: 10px;
margin-right: 15px;
margin-top: 20px;
background: #fff;
}
.curva {
display:block;
height: 1px;
overflow: hidden;
background: #D4D0C8;
}
.segmento1{
margin: 0 5px
}
.segmento2{
margin: 0 3px
}
.segmento3{
margin: 0 2px
}
.segmento4{
margin: 0 1px;
height: 2px;
}
.contenuto {
height: auto;
padding: 1px;
}
.contenuto p {
font: 17px Arial,sans-serif;
margin: 0 1px;
color: #000;
padding: 0 4px;
}
Qualcuno saprebbe dirmi dove caspita sbaglio???
Grazie mille