title: CSS: table and table-cell replacement for IE7
body: <p><a href="http://jsfiddle.net/vByVD/9/" rel="nofollow">http://jsfiddle.net/vByVD/9/</a></p>
  
  <p>This what i have. The menu looks right is horisontal in most browsers. But in IE7 and lower ofcourse it is something else, it is vertical there. </p>
  
  <p>I found out this is because they dont support table, table-cell. </p>
  
  <p>I tried some hacks as you can see in the first lines in the CSS, but it does not quite work, this do only show 3 li horisontal and then it makes new line and show the other li's. </p>
  
  <p>I want it to appear as the other new browsers, so its one line horisontal. </p>
  
  <p>How can i make this work?</p>