CSS + Overflow

rapide

CSS + Overflow

Ciao a tutti, apro una nuova discussione perché non ho trovato nulla, nel forum, che rispondesse alla mia domanda. La mia domanda è molto semplice e non credo sia necessario postare i codici del mio css e html.La domanda è:Su un div con overflow:auto e padding: 10px 10px 10px 10px mi capita che su "ie" e"opera" quando effettuo lo scroll mi mangia il padding al fond del div contenitore. Su tutti gli altri browser (Chrome, Safari, Firefox ecc...) tutto funziona correttamente, qualcuno sa da cosa potrebbe dipendere?Per completezza posto il link della pagina e parte del codice:

PAGINA DEL SITO (in costruzione)
tozzinisecsa.com/Pomba25.it/i-materiali

PORZIONE DI CSS
#materiale {
width: 876px;
height: 536px;
background: #f4f3f0;
border: solid 2px #000;
overflow: auto;
display: inline-block;
/--- ANGOLI ARROTONDATI ---/
text-align: center;
padding: 10px 10px 10px 10px;
border-radius: 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
behavior: url(ie-css3.htc);
/--- OMBRA ESTERNA ---/
-webkit-box-shadow: 10px 10px 5px;
-moz-box-shadow: 10px 10px 5px;
box-shadow: 10px 10px 15px;
}

PORZIONE HTML

<head>
<title>Pomba 25</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" language="javascript1.2">
switch (navigator.appName)
{
case "Opera" :
document.write("<link rel=stylesheet href='opera.css' type='text/css'");
break;
case "Microsoft Internet Explorer" :
document.write("<link rel=stylesheet href='ie.css' type='text/css'");
break;
default :
document.write("<link rel='stylesheet' href='stile.css'type='text/css'");
}
</script>
</head>
<body>
<div id="pagina">
<div id="contenuti">
<div id="header"><a href="index.php" id="titolo"></a></div>
<div id="materiale">
<div class="materiale-sx"><div class="dettagli">
<img src="<?php echo $_SESSION['immagine']; ?>">
<h1> PARQUET </h1>
<p>testo</p>
</div></div>
<div class="materiale-dx"></div>
<div class="materiale-sx"></div>
<div class="materiale-dx"></div>
<div class="materiale-sx"></div>
<div class="materiale-dx"></div>
</div>
<a href="lo-stabile.php" id="tasto1"><br/>LO STABILE</a>
<a href="i-materiali.php" id="tasto2"><br/>I MATERIALI</a>
<a href="unita-abitative.php" id="tasto3"><br/>UNITA' ABITATIVE</a>
<a href="dove-siamo.php" id="tasto4"><br/>DOVE SIAMO</a>
<a href="contatti.php" id="tasto5"><br/>CONTATTI</a>
</div>
</div>
</body>
</html>