Ciao a tutti,

sto creando un sito utilizzando per la prima volta i css e quindi sono un pò inesperto

Ho fatto un layout a 2 colonne con header e footer,
nel div#main sfondo fisso e overflow: auto.

Utilizzo Avant11.5/ie6 e testavo man mano il sito utilizzando solo questi browser,
ed era tutto ok.

Ma ora che ho testato la pagina con ie7, firefox2 e opera9, oltre ad uno spostamento dei tasti del menù verso l'alto c'è lo sfondo fisso che dovrebbe appartenere solo al
div#main che viene 'multiplato'.

Come posso ovviare a questo inconveniente?
Esiste qualche istruzione per farlo riconoscere come 'sfondo fisso' del solo div#main anche agli altri browser o devo rivedere lo sfondo?

E per quanto riguarda il menu è lo
<SPAN STYLE="position:relative; top:116px; ">
che non viene accettato dagli altri browser?

Un grazie anticipato a chi volesse aiutarmi.

Ciao
Zio


Pagina sito testata:

http://www.jianlongbaguazhang.it/home.html

css:

html {height:100%;
margin:0px;
padding:0px;
SCROLLBAR-FACE-COLOR: #000033;
SCROLLBAR-HIGHLIGHT-COLOR: #333333;
SCROLLBAR-SHADOW-COLOR: #333333;
SCROLLBAR-3DLIGHT-COLOR: #333333;
SCROLLBAR-ARROW-COLOR: #ffffcc;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #333333;
SCROLLBAR-BASE-COLOR: #333333;
}

body { height: 100%;
background: #000000;
font: 12px Verdana,arial,sans-serif,Helvetica;
color: #000000;
text-align: center;
text-decoration: none;
margin: 0px;
padding: 0px;
}

DIV#container {
position: relative;
background-color:#000033;
margin: 0px auto;
width: 760px;
height: 630px;
text-align:left;
}

div#top {
background-image:url(top.jpg);
text-align:center;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
height: 100px;
width: 760px;
}

div#menu {
background-image:url(menu.jpg);
float:left;
text-align: center;
width: 150px;
height: 500px;
margin: 0px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}


div#main {
background-image:url(main.jpg);
background-attachment:fixed;
height: 500px;
width: 610px;
float: right;
overflow: auto;
text-align: left;
margin:0px;
padding: 0px;
}

div#bottom {
background-image:url(footer.jpg);
clear:both;
height: 50px;
width: 760px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}

.titolo {
font-family : Helvetica, Arial, sans-serif,;
font-size : 24px;
font-weight:bold;
color : red;
text-align:center;
text-decoration: none;
}

.classic {
font-family : Helvetica, sans-serif, Arial,;
font-size : 12px;
color : #000000;
padding-left:30px;
padding-right:25px;
text-align:left;
text-decoration: none;
}

.tit_nolink {
font-family : Helvetica, sans-serif, Arial,;
font-size : 14px;
color : #000066;
padding-left:10px;
padding-right:25px;
font-weight:bold;
text-align:left;
text-decoration: none;
}

.bottom {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #cccccc;
text-align:center;
text-decoration: none;
}