Was genau du da gemacht hast - keine Ahnung. Ich werde auch nicht deinen Code durchforsten, aber hier ein Beispiel wie man so ein Menü realisieren könnte (jedoch nur bei einer festen Breite, sonst musst du per javascript die breite auslesen und per style attribute left= [ausgelesene Breite] + "px" machen).
http://jsfiddle.net/gLdwuo36/
HTML-Code:
<ul>
<li>
</li>
<li>
</li>
<li>
<span>ul hier</span>
<ul>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
Code:
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
ul {
width: 100px;
height: auto;
background: red;
list-style: none;
position: relative;
}
li {
background: blue;
width: 100px;
height: 30px;
margin-top: 4px;
position: relative;
}
li:first-child {
margin: 0;
}
ul li ul {
position: absolute;
left: 100px;
top: 0;
display: none;
}
body > ul li:hover > ul {
display: block;
}
Lesezeichen