Olá pessoal, sou iniciante em CSS e HTML. Com os codigos CSS que aprendi resolvi criar um site para meu colega. Fui fazendo e visualizando no Mozila Firefox e tudo estava certo. Mas porém quando fui testar no Internet Explorer todas as minhas DIVS ficara desorganizadas. Por Favor me Ajudem!!!! Gostaria de saber também como alinhar a página no centro tanto no IE quanto no Firefox. ARQUIVO CSS -------------------------------------------------- * {margin:0; padding:0} body { ``` background: orange; } ``` p { ``` margin: 0 0 0 2; } ``` h2 { ``` color:#0000CD; } #container { background: white; width: 900px; } #header { background: blue; width: 900px; } #menu { background: url("images/backbtn/menubtn2.png") repeat-x; width: 900px; } ``` #menu ul { ``` list-style-type: none; margin: 0 0 0 300; } ``` #menu ul li { ``` display: inline; list-style-type: none; margin: 0 0 0 10; } ``` #menu ul li a:link{ ``` color: white; background: url("images/backbtn/menubtn3.png") repeat-x; text-decoration: none; } ``` #menu ul li a:hover{ ``` color: white; background: url("images/backbtn/menuhover3.png") repeat-x; text-decoration: none; } ``` #menu ul li a:visited{ ``` color: white; text-decoration: none; } #banner { width: 728px; height: 90px; margin: 2 auto; } #sidebar { margin: 10 0 0 2; background: white; width: 161px; height: 530px; float: left; } ``` #sidebar ul { ``` margin: 0 0 0 5; } ``` #sidebar ul li { ``` background: orange; list-style-type: none; margin: 2 0 0 0; border-bottom: 1px solid gray; border-bottom-width: 1px; } ``` #sidebar ul li a:link{ ``` text-decoration: none; color: black; background: orange; display: block; } ``` #sidebar ul li a:hover{ ``` color: black; background: #FAEBD7 repeat-x; display: block; } ``` #sidebar ul a:visited{ ``` color: black; } #contents { background: white; width: 900px; } #box1 { margin: 4 0 0 30; background: white; width: 376px; height: 202px; float: left; border-right: 1px solid #cbc9c9; } #box2 { margin: 20 40 0 4; background: white; width: 260px; height: 186px; float: right; border-bottom: 1px solid #cbc9c9; } ``` #box2 a:link { ``` color:blue; text-decoration: none; } ``` #box2 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box2 a:visited { ``` color:blue; } #box3 { margin: 4 0 0 4; background: white; width: 229px; height: 160px; float: left; border-right: 1px solid #cbc9c9; } ``` #box3 a:link { ``` color:blue; text-decoration: none; } ``` #box3 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box3 a:visited { ``` color:blue; } #box4 { margin: 10 0 0 4; background: white; width: 240px; height: 154px; float: left; border-top: 1px solid #cbc9c9; } ``` #box4 a:link { ``` color:blue; text-decoration: none; } ``` #box4 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box4 a:visited { ``` color:blue; } #box5 { margin: 4 10 0 4; background: white; width: 205px; height: 158px; float: right; border-left: 1px solid #cbc9c9; } ``` #box5 a:link { ``` color:blue; text-decoration: none; } ``` #box5 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box5 a:visited { ``` color:blue; } #box6 { margin: 4 0 0 4; background: yellow; width: 376px; height: 180px; float: left; border-right: 1px solid #cbc9c9; } ``` #box6 a:link { ``` color:blue; text-decoration: none; } ``` #box6 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box6 a:visited { ``` color:blue; } #box7 { margin: 4 4 2 0; background: white; width: 310px; height: 185px; float: right; border-left: 1px solid #cbc9c9; } ``` #box7 a:link { ``` color:blue; text-decoration: none; } ``` #box7 a:hover { ``` color:#a8a7a7; text-decoration: none; } ``` #box7 a:visited { ``` color:blue; } #footer { margin: 0 auto; background: #cbcaca; width: 860px; height: 56px; clear: both; font-size: 14px; } ``` ARQUIVO CSS -------------------------------------------------------------- ARQUIVO HTM--------------------------------------------------- ``` ](http://www.w3.org/1999/xhtml)