Aligning next to each other, not working

Question

I have a problem with aligment of two li elements inside a div because in the next example

HTML

Answer 1

http://jsfiddle.net/Soldier/KhLhR/1/

.menu-left ul li {
    display:inline-block;
    float:left;
    vertical-align: top;
    width: 50%;
}