Ciao a tutti,
il problema è questo, ho un sito in cui quando si scorre la barra laterale per leggere le info contenute nel main, il testo invece di scomparire sotto al banner mi scorre sopra.
Come si risolve??


CSS
Codice PHP:
html, body {
    height: 100%;
    margin: auto;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #000000;
    margin-right: 80;
    margin-left: 0;
}

.ttesto{
    font-size: 12px;
    color: white;

}

a:link {
    color: #FFFFFF;
    font-size: 10x;
}
a:visited {
    color: #FFFFFF;
    font-size: 10px;
}

a:hover {
    text-decoration: none;
    color: #ff6600;
}
a:active {
    text-decoration: #ff6600;
}

#contenuti {
    position:absolute;
    top:150;
    left:200px;
    width:730px;
    text-align: left;
}


#menusx {
    position:fixed;
    top:185px;
    left:40px;
    width:80px;
    height:240px;
    background: url('../images/sfondo1.gif') no-repeat top left;
}

#banner {
    position:fixed;
    top:0px;
    left:430px;
    width:450px;
    height:150px;
    #background-color:#fff;
    background-image: url('../images/banner.gif');
}

#fiore {
    position:fixed;
    top:0px;
    left:0px;
    width:230px;
    height:200px;
    background: url('../images/fiore.gif') no-repeat top left;
}

#angolo{
    position:relative;
    top:-30px;
    left:700px;
    width:50px;
    height:50px;
    background: url('../images/angolo.gif') no-repeat top left;
}

#botborder{    
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
    height: 1.0em;
    background:  url('../images/barra.gif') no-repeat top left;;
    }

.indicatore {
    position:relative;
    top:8px;
    font-weight: bold;
    font-size: 10px;
    width:80px;
    height:25px;
    padding-left: 0px;
    left:20px;
    
}

.picture{
    padding: 3px 3px 8px 3px;
    background-color: #222;
    border: 1px solid #2a2a2a;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    } 

HTML
Codice PHP:
...tralascio l'head

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="fiore"></div>    <div id="banner"></div>


    
    <div id="menusx" class="tmenu">
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Home[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="./register.php"]Register[/url]</div></div>        
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="./login.php"]LogIn[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Natural[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Black & White[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Seppia[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Ireland Map[/url]</div></div>
        <div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Email me[/url]</div></div>
    </div>
    

    <div id ="contenuti" class="ttesto">
    

asffadsafsd


asffadsafsd


asffadsafsd


asffadsafsd



asffadsafsd



asffadsafsd



asffadsafsd

            <div id="angolo"></div>
  
    </div>    

<div id="botborder">[img]images/tri.gif[/img]</div>
</body>
</html>