Overflow horizontal em div

[GustavoDose 1]

e ai galera, estou com um problema, preciso que apenas a div #test-2 tenha uma barra de rolagem na horizontal, mas acaba ficando no site todo a rolagem, queria que ficasse apenas em cima da div , pois preciso que tenha o scroll apenas quando tiver o mouse em cima da div por exemplo.

 

Alguem sabe como resolver ??

 

HTML:

<div id="teste">
           <div id="teste-2>
            </div>
    </div>

CSS:

#teste{
    width:100%;
    float:left;
}
#teste-2{
    width:150%;
    height:553px;
    z-index:500;
    top:135px;
    position:relative;
    background:#FFFFFF;
    overflow-y:scroll;
}

[reebr 94]

<div id="teste">

<div id="teste-2> <!-- não fechou as aspas -->

 

</div>

</div>

[GustavoDose 1]

rnxn era outra coisa erro bobo mesmo ja consegui resolver, mas vlw :D