Css

Olá pessoas do Fórum, estou com um problemão aqui no meu layout. Quero saber porquê está acontecendo isso:

http://imageshack.us/photo/my-images/857/questionkj.png/

Código CSS:

/ PSEUDO-CLASSES /

*{margin:0;padding:0;}

body{background:url(../imagens/bg_body.png);}

/ WRAP /

#wrap{width:100%;float:left;}

#wrap #menu{width:100%; height:60px; background:url(../imagens/background_barras.png); border-bottom:1px solid #666666;}

#wrap #menu #areaMenu{width:1024px;height:63px;color:#FFF;margin:0 auto;}

#wrap #menu #areaMenu ul{margin:0;padding:0;}

#wrap #menu #areaMenu li{list-style:none;float:left;display:inline;margin:20px 0;}

#wrap #menu #areaMenu li a{padding:24px 15px;text-decoration:none;font-family:Arial;font-weight:bold;color:#FFF;font-size:13px;}

#wrap #menu #areaMenu li a:hover{background:#FF6600;}

/ CONTENT /

#content{width:100%;margin:70px auto;}

#content #contentPrincipal{color:#FFF;padding:5px;width:800px;margin:0 auto; background:url(../imagens/background_content.png); moz-box-shadow: 0 0 5px 5px #888;

-webkit-box-shadow:0px 0px 8px #000000;box-shadow:0px 0px 8px #000000;-webkit-box-shadow:0px 0px 8px #000000;}

/ FOOTER /