height, padding, margin, criando barra de rolagem vertical

[jnejunior 1]

meu site tem 1024px de largura, e o meu menu tambem, só que preciso que ele tenha 40px de altura, e quando defino assim cria barra de rolagem vertical, se uso padding, ou margin, tambem, o que estou fazendo de errado?

 

isso só acontece no FF, no Chrome ta beleza...

 

 

este é meu css até o menu...

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
   vertical-align: baseline;
   font-family: inherit;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   outline: 0;
   padding: 0;
   margin: 0;
   border: 0;
}

:focus {
   outline: 0;
}

body {
   background: black;
   line-height: 1;
   color: black;
}

ol, ul {
   list-style: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption, th, td {
   font-weight: normal;
   text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
   content: "";
}

blockquote, q {
   quotes: "" "";
}

#geral {
border-top: 20px solid #ffb15d;
margin: 0 auto;
width: 1024px;
}

#topo {
background: url("../imgs/logo.png") no-repeat;
height: 128px;
width: 1024px;
}

#topo a {
cursor: pointer;
display: block;
height: 200px;
margin: 0 auto;
text-indent: -99999px;
width: 797px;
}

#menu {
background: #626262;
font: 13px Verdana, Arial, Helvetica, sans-serif;
float: left;
margin: 0 auto;
width: 1024px;
}

#menu ul {
border: 1px solid red;
margin: 0 auto;
width: 797px;
}

#menu li {
border-right: 1px solid #fff;
display: inline;
height: 40px;
padding-right: 4px;	
}

#menu a {
color: #fff;
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
}

[Ted k' 126]

a área máxima é 990px para nenhum navegador dar rolagem, EU particularmente uso no máximo essa largura!

[crf_h0m3r 5]

Tem como tirar um print do erro? Seria melhor..

[jnejunior 1]

Ted, pode ser isso mesmo, mas no Chrome não da barra de rolagem vertical, eu fiz um teste aqui comentei todo o meu css, e fui descomentando aos poucos, e quando chegou no menu do topo do site, a barra surge...

 

#menu { 	background: #626262; 	font: 13px Verdana, Arial, Helvetica, sans-serif; 	float: left; 	margin: 0 auto; 	width: 1024px; }   #menu ul { 	background: red; 	margin: 0 auto; 	width: 797px; }  #menu li { 	border-right: 1px solid #fff; 	display: inline; 	height: 40px; 	padding-right: 4px;	 }  #menu a { 	color: #fff; 	text-decoration: none; }  #menu a:hover { 	text-decoration: underline; }

 

é, o Ted tinha razão, era a largura que estava estourando o layout, valeu Ted, deixei com 1000px de largura e não tive mais problemas... brigadão...

[Ted k' 126]

Hum... tranquilo, eu deixo sempre com 990px por causa do IE que têm barra fixa, agora não lembro a versão do IE que têm barra fixa, acho que é da versão 8 pra baixo!