[Resolvido] problema com float

Oi pessoal, primeiro peço desculpas se estou repetindo algum tópico recente, mas estou procurando por tópicos que possam me ajudar. O número de pa´gias de tópicos passa do 100 logo acho que vou demorar um pouco.

Então decidi postar esse para adiantar o trabalho,

estou com um problema de estrutura num site que estou fazendo que acredito deve-se ao mau uso das propriedades float e position, se puderem dar uma olhada no site é esse aqui acesse o site aqui.

minha principal dúvida é por que o site está extrapolando o tamanho de W: 780px, e criando uma linha de mais ou menos de 10px de espaçamento do lado direito.

Outra coisa, eu gostaria de substituir meu menu em flash por um em CSS, mas não sei fazer um menu CSS horizontal...

se puderem me ajudar agradeço...

Muito obrigado pela atenção

Thiago Carvalho

este é o estilo:

CODE
/ styles - Por favor, a modificar o arquivo comentar o que foi mudado e por quê /body {

	line-height:1.166;

	font-family:"Trebuchet MS", sans-serif; /* declara a fonte padrão do documento */

	font-size:10px; /* declara o tamanho padrão da fonte do documento */

	color:#000; /* declara o cor padrão da fonte do documento */

	background:url(../images/background.jpg) scroll 0%;

 padding:0;

	margin:0;

	/* aqui se configura a barra de rolagem de todo o site */

	scrollbar-face-color:#ffffff;

	scrollbar-highlight-color:#9C9C9C;

	scrollbar-3dlight-color:#ffffff;

	scrollbar-darkshadow-color:#ffffff;

	scrollbar-shadow-color:#9C9C9C;

	scrollbar-arrow-color:#9C9C9C;

	scrollbar-track-color:#ffffff;

	background-color: #ffffff;

	/* acaba aqui a configuração da barra de rolagem */

}

div {

 position:relative;

 }

span {

 position:relative;

 display:inline;

 }

.tudo {

 margin:0 10% 0 10%;

 padding:0 0 4% 0;

	width:100%;

}

.conteudo {

	background-image:url(web/images/img_fundo.png);

	background-repeat:repeat-y;

	padding:0 5px;

	}

#head_anima {

	width:780px;

	}

#left {

	float:left;

	width:170px;

	padding:0 5px;

	}

#main {

	float:left;

	width:420px;

	}

#right {

	float:right;

	width:170px;

	padding:0 5px;

	}

#bottom {

	float:none;

	margin:30px 0 10px 0;

	padding:5px 10px 5px 100px;

	width:780px;

	background:#EEE url(../imagem/logo_PB.png) no-repeat 2% 50%;

	}