problema margine con "tecnica nascosta"

[nickmadison]

ho la seguente pagina xhtml strict:

clicca qui

con un titolo <h1></h1> nascosto dalla tecnica che lo fa nascondere con un padding e overflow:hidden

 #contents h1 {
	margin-top: 15px;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:20px;
}

però tale tecnica mi sta dando problemi con Firefox, in quanto mi visualizza un margine superiore con lo sfondo indesiderato.
con IE la visualizzazzione del margine superiore è invece corretta.
chi mi da una mano a risolvere?
tnx

[ricman]

Io ho provato così e mi funziona alla stessa maniera sia con IE che con FF.

<style type="text/css">
#contents {
	width: 200px;
	height: 300px;
	border: 1px solid red;
}

 #contents h1 {
	margin-top: 15px;
	background-color:#00FFCC;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:20px;
}	
</style>

<div id="contents">
<h1>CIAO</h1>
</div>

[nickmadison]

ho provato quel tuo suggerimento ma a me nn funziona :master:
comunque ho cambiato tecnica, ho tolto il float al #precontents ed impostato un margin negativo al #contents, adesso per quella pagina di prima funziona.

ho fatto però una nuova pagina con un altro problema:

nuova pagina

in questo caso il titolo appare in IE mentre su FF nn si visualizza alcunchè.
nn riesco a capire se sia un problema di nomi che ho assegnato o qualche bug strano.
attendo vs consigli.

[nickmadison]

up