2 pag. stesso css mostrano testa diversa

[gabar-el]

Ehm... ho un css che fa una magia, qualcuno mi aiuta a scoprire il trucco? il css formatta 2 pagine diverse che hanno la stessa testa (immagine e navigazione), ma da una pagina all'altra immagine e navigazione non sono nello stesso punto creando un effetto poco gradevole (la seconda pagina appare leggermente spostata a dx)...
css:

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

h1 {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
}

ul {
	margin: 0 0 0 400px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	margin: 0;
}

#contenitore {
	margin: auto;
	width: 780px;
}

#testa {
	height: 150px;
	background-image: url(../image/****.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#navigazione {
	height: 30px;
}
#navigazione a {
	margin: 0 33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
#navigazione a:link {
	color: #006666;
	text-decoration: none;
}
#navigazione a:visited {
	color: #006666;
	text-decoration: none;
}
#navigazione a:hover {
	color: #006666;
	text-decoration: none;
}
#navigazione a:active {
	color: #006666;
	text-decoration: none;
}

#unico1 {
	margin-top: 25px;
	width: 780px;
	height: 253px;
	text-align: left;
}

#corpo {
	border: dashed 1px #666666;
	margin-top: 10px;
	width: 778px;
	text-align: left;
}
#corpo p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#corpo img {
	border: 0;
}

#unico2, #unico3, #unico4, #unico5, #unico6 {
	margin-top: 25px;
	width: 780px;
	height: 192px;
	text-align: left;
}

#unico2 p {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

#piede {
	width: 780;
	margin-top: 25px;
	font-size: 10px;
	text-align: left;
}

prima pagina:

<div id="contenitore">
	<div id="testa">
	</div>
	<div id="navigazione">
	</div> 
	<div id="unico1">	
	</div>
	<div id="unico2">
	</div>
	<div id="unico3">
	</div>
	<div id="unico4">
	</div>
	<div id="unico5">
	</div>
	<div id="unico6">
	</div>
	<div id="piede">
	</div>
</div>

seconda pagina:

<div id="contenitore">
	<div id="testa">
	</div>
	<div id="navigazione">
	</div>
	<div id="corpo">
	</div>
	<div id="piede">
	</div>
</div>

thank's

[gabar-el]

ehm... ok, non sono stato molto attento, anche perchè il codice è lo stesso e non poteva esserci alcun errore. Le pagine danno quell'effetto perchè una ha la barra di scorrimento (essendo lunga), l'altra no (sta nella videata). Quindi, come posso risolvere se si risolve?
thank's

[ricman]

Originariamente inviato da gabar-el
Le pagine danno quell'effetto perchè una ha la barra di scorrimento (essendo lunga), l'altra no (sta nella videata). Quindi, come posso risolvere se si risolve?

Non è un problema di codice, ma di Browser. FF ti da' l'effetto che descrivi. IE (6... il 7 non so) non dovrebbe farlo. Diciamo che è una scelta del produttore.
Non mi sono mai informato se esista un modo per dare un effetto "immobile" su FF... mi viene solo a mente il rilevare il browser e vedere con php (o asp) se la pagina è più lunga di Tot...
Ma mi pare tempo sprecato...

[gabar-el]

si credo anch'io non valga la pena....
cmq grazie