Menu wysuwane w poziomie

[Teilor]

Mam pewien problem i nie wiem jak sie do niego zabrać. Otóż chodzi mi o wykonanie menu. Szukałem po necie ale nie znalazłem niczego interesującego i działającego w ten sposob.

Coś w stylu poniższego obrazka. Jak to ogarąc ?

To jest kod CSS menu poziomego otwieranego , ale linki otwieraja sie w nim pod soba, a zależy mi aby otwierały się w bok (według długości menu).

div#obj {
background: #3d3d3d;
width: 980px;
margin: 0px auto;
height: 150px;
}

div#sMenu {
background: black;
height: 20px;
}

div#sMenu a {
color: white;
text-decoration: none;
}

div#sMenu ul,
div#sMenu li {
margin: 0px;
padding: 0px;
}

div#sMenu li {
list-style: none;
list-style-image: none;
position: relative;
padding: 3px 5px;
white-space: nowrap;
}

div#sMenu ul li:hover {
background: red;
}


div#sMenu > ul li {
float: left;
}

div#sMenu ul ul li {
float: none;
}


div#sMenu ul ul {
z-index: 50;
display: none;
position: absolute;
top: 19px;
border-left: 1px solid red;
}

div#sMenu li:hover > ul {
display: block;
}


div#sMenu ul ul {
left: 0px;
}

div#sMenu ul ul ul {
left: 100%;
top: 0px;
z-index: 75;
}

[motorider]

Przydałby się link do strony, ale tak na szybko to chyba tu masz błąd:

div#sMenu ul ul li {
float: none;
}

powinno być:

div#sMenu ul ul li {
float: left;
}