[Resolvido] Topo preenchendo todo espaço superior

Boa noite a todos.

Gostaria de fazer um topo de um site preencher todo espaço superior igual esse site:

cmspress.net

Porém o meu código esta deixando uma barra de rolagem horizontal no navegador como se

tivesse mais conteúdo a direita do site sendo que não tem, para resolver isso coloquei

overflow-x:hidden no CSS, mais acredito que não estou fazendo da forma certa, quando eu

redimenciono o navegador a barra horizontal não aparece e eu não consigo visualizar o

restante do site, só consigo na vertical, e seu eu tirar o overflow-x:hidden do CSS eu

consigo visualizar tudo no navegador, mais distorce o layout.

CSS

<style type="text/css">
<!--
html{ overflow-x:hidden;}
-->
body {margin:0 0 0 0;}
#topo { width:100%;height:180px;background-color:#86b83d; border:solid #86b83d 1px;}
</style>