menu wysuwane w bok

[greg007]

mógł by mi ktoś podać stronkę z jakimś kodem na menu wysuwane w bok? czyli menu pionowe po lewej wysuwa się na prawo jest w kursie dla zielonych ale tam wysuwa się najpierw w dół potem w bok i nie umiem przerobić tego;/


mam menu w 3 plikach skrypt ze strony kurs dla zielonych oraz:
menu.php

<dl id="menu0">
<dl>
<dt>Nagłówek 1</dt>
<dd>Element 1.1</dd>
<dd>Element 1.2</dd>
<dd>Element 1.3</dd>
<dt>Nagłówek 2</dt>
<dd>Element 2.1</dd>
<dd>Element 2.2</dd>
<dd>Element 2.3</dd>
<dt>Nagłówek 3</dt>
<dd>Element 3.1</dd>
<dd>Element 3.2</dd>
<dd>Element 3.3</dd>
</dl>
</dl>


<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1);
// ]]>
</script>

oraz css:

.menu0, .menu0 dl {
font-size: 12px;
position: absolute 0 0;
position: left;
width: 100px;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}

.menu0 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 4px 5px;
}

.menu0 dl{
background-color: #fff;
color: #000;
text-align: left;
font-weight: normal;
font-size: 12px;
border: 0;
padding: 0;
}


.menu0 dd {
background-color: #ccc;
color: #000;
margin: 1;
padding: 2;
width: 100px;
height: 22px;

}

.menu0 dd.active {
font-weight: bold;
}



.menu0 a:link, .menu0 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}

.menu0 a:hover {
color: #fff;
background-color: #008;
}

.menu0 dl {
position: absolute 0 0;
border: 0;
}

.menu0 dl dd{
position: relative;
left: 100px;
border-left: 0px solid #eee;
border-right:0px solid #aaa;
}

błąd jest taki:

jak pozbyć się białego tła by tylko w bok się rozwijało