ho fatto una background image per il body con i 2 bordi laterali sfumati centrata nella pagina.
funziona con tutti i browsers ma con i vari IE 5.X, le immagini (di sfondo ai div header, content, etc, o inserite come elementi) si spostano di un paio di pixel a sinistra.
è un bug o un mio errore nel css?
html,body{margin:0;padding:0}
body{background: #EAEAEA url(images/backbody.jpg) repeat-y center;text-align:center
}
#header {
margin-left: auto;
margin-right: auto;
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position: top center;
}
#banner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration: none;
font-weight: normal;
line-height: 72px;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
text-align: right;
background-position: top center;
}
#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration: none;
font-weight: bold;
background-image: url(images/blackspacer.gif);
background-repeat: repeat;
color: #FFFFFF;
text-align: left;
line-height: 19px;
vertical-align: middle;
background-position: top center;
}
#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 3px;
}