Guardando un problema alla volta, la prima cosa che non va è la seguente: su Firefox specificando l'altezza di un elemento div in % invece che in px, non viene creata nessuna barra di scorrimento. Il tag div infatti diventa alto esattamente come il testo che contiene al suo interno, mentre con explorer la barra viene creata, a patto di specificare nel tag body la proprietà height ad un valore del 100%.

Codice html-css:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body style="height:100%;">
<div style="background-color:#CCCCCC; width:300px;">
Questa è l'intestazione
</div>
<div style="overflow:auto; height: 300px; width: 300px; background-color: #993300;">
<ul>
[*]Home
[*]Pillole
[*]Contenuti
[*]Grafica
[*]Linguaggi
[*]Webdesign
[*]Software
[/list]
<ul>
[*]Home
[*]Pillole
[*]Contenuti
[*]Grafica
[*]Linguaggi
[*]Webdesign
[*]Software
[/list]
<ul>
[*]Home
[*]Pillole
[*]Contenuti
[*]Grafica
[*]Linguaggi
[*]Webdesign
[*]Software
[/list]
<ul>
[*]Home
[*]Pillole
[*]Contenuti
[*]Grafica
[*]Linguaggi
[*]Webdesign
[*]Software
[/list]
</div>
</body>
</html>



Qualcuno sa come ottenere lo stesso effetto con firefox?