Ciao, ho creato un sito web per un bar ora però ho un problema. Il sito viene visualizzato correttamente su Mozilla Firefox ma su IE no.
Come posso fare???
Codice CSS:
/* Global Styles */

div#contenitore {
margin:0 auto;
width:800px;
}

body,html { height:100%;margin:0 }
#box {
width:350px; height:200px;
position:absolute;top:50%;left:50%;
margin:-100px 0 0 -175px;
}

ul#menu{float: left;width: 100%;color: #DDD;
background: #363636 url("menuBk.png")}
#menu,#menu li{margin: 0;padding: 0;list-style-type: none}
#menu a, #menu span{float: left;height: 35px;line-height: 35px}
#menu a{text-decoration: none;color: #DDD;padding-left: 15px}
#menu span{padding-right: 15px;cursor: pointer}
#menu a:hover{background: url("vistaBk.png") top left;color: #EEE}
#menu a:hover span{background: url("vistaBk.png") top right}
#menu #current a{background: url("vistaBk.png") bottom left;color: #FFF}
#menu #current span{background: url("vistaBk.png") bottom right}

body {

margin: 0;

padding: 0;

text-align: center;

color: #666666;

background-image: url("sfondi per sito/sfondo.png");

background-repeat: repeat-x;

font-size: 12px;

font-family: Verdana, Arial, sans-serif;

}

td {
font:11px arial;
color:#333333;
}

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

a:hover {
color: #990000;
text-decoration:underline;
}

/* ID Styles */

#navigation a {
font:10px arial;
color: #ffffff;
text-decoration:none;
letter-spacing:.1em;
}

#navigation a:hover {
color: #FF0000;
}

#padding {
padding:20px 5px 20px 5px;
}

#calendar td {
border: 1px solid rgb(0,51,153);
}

#noborder td {
border: 0px;
}

#weekdays th {
font:11px arial;
color: #ffffff;
font-weight:bold;
border: 0px;
padding:2px;
}

#calheader td {
font-weight:bold;
}

/* Class Styles */

.logo {
font:18px times new roman;
color: #0E177C;
letter-spacing:.3em;
font-weight:bold;
line-height:22px;
}

.tagline {
font:11px times new roman;
color: #CC3300;
letter-spacing:.2em;
}

.smallText {
font:12px times new roman;
color: #CC3300;
line-height:18px;
}

.pageHeader {
font:30px times new roman;
color: #CC3300;
letter-spacing:.1em;
line-height:38px;
}

.bodyText {
font:11px arial;
color:#333333;
line-height:24px;
}

.pageName {
font:20px georgia;
color: #CC3300;
letter-spacing:.1em;
line-height:26px;
}

.subHeader {
font:14px times new roman;
color: #003399;
font-weight:bold;
line-height:20px;
letter-spacing:.1em;
}

.navText {
font:10px arial;
color: #333300;
letter-spacing:.1em;
}
Vi posto le immagini della visualizzazione:
IE:


Mozilla: