[luwal]

Cambiamento di programma, lavori sulla linea, autocorsa sostituiva e 3 ore e mezza/4 ore per fare 100km...

Preferisco inquinare e spendere in benzina e vado in macchina in un terzo del tempo, così ne ho approfittato e fatto un po' di lavoro.
Ho rivisto il css, pulito e levato cose che non mi servono più, ora è diventato questo:

html,body {
    margin: 0;
    padding: 0;
    background-color: black;
}

body {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
    font-size: 76%;
    text-align: center;
    line-height: 1.5;
    height:100%;
}

#container {
    position: relative;
    width: 760px;
    margin: 0 auto;
    text-align: justify;
    background-color: white;
    border-left: 1px solid white;
    height:100%;
}

#header {
    text-align: left;
    margin-left: 10px;
}

#main {
    margin-right: 185px;
    margin-left: 10px;
    text-align: justify;
}

#menu {
    position: absolute;
    overflow: auto;
    text-align: left;
    right: 0;
    top: 0;
    width: 170px;
    line-height: 1.5;
    border-left: 1px solid black;
    background: url(photos/IMG_0325_copy.jpg);
    height: 100%;
}

#footer {
    color: black;
    margin-right: 185px;
    text-align: center;
    font-size: x-small;
    padding-top: 15px;
    padding-bottom: 15px;
}

/**************************************************************/

/* content styles */

img {
    border: 0;
}

h1 {
    font-style: bold;
    margin: 0;
    font-size: 28px;
    padding: 0;
    padding-top: 5px;
}

h2 {
    font-style: italic;
    font-size: small;
    color: red;
    margin: 0;
    text-decoration: blink;
    padding: 0;
}

#visore table {
    background-color: #666666;
}

#visore textarea {
    width: 96%;
    font-size: small;
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
    text-align: left;
    line-height: 110%;
    padding: 5px;
}

#menu li {
    padding: 10px 0 0 0;
}

#menu a:link, #menu a:visited {
    display: block;
    text-decoration: none;
    color: black;
    width: 100%;
    font-size: small;
}    

#menu a:hover {
    background: #5d0048;
    color: #ff76ed;
    font-size: small;
}

#menu ul {
    margin: 2px 4px 2px 4px;
    padding: 0;
    list-style-type: none;
}

#footer a:link, #footer a:visited {
    text-decoration: none;
    color: #000cff;
    width: 100%;
}

#footer img {
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0;
}

#footer a:hover {
    color: #FF0000;
}

Se la proprietà
height:100%;
la metto anche sotto "html" mi fa casino con firefox, devo metterla solo sotto "body".
In ogni caso con ie6 non c'è speranza, mi renderizza (si dice così?) lo sfondo del menù solo per quella che è l'altezza della finestra: se riduco l'altezza della mia finestra, la porzione di sfondo menù che appare diminuisce, se l'aumento, aumenta...
In ogni caso è meglio di prima, fino a che non si scrolla la pagina il layout è salvo...
Non invidio voi web designer...