title: I want this nav inline in IE 7 & IE 6
body: <p>I have following CSS for that</p>
  
  <pre><code>/* Start Submenu */
  
  #submenu {
      list-style-type:none; 
  }
  
  #submenu ul{
      border-bottom:3px solid #1c29da;
      margin:0px;
      padding:0px;
      display:table;
  }
  
  #submenu li{
      width:123px;
      height:58px;
      background:url(submenu_btn.jpg) no-repeat;
      vertical-align:middle;
      text-align:center;
      display:table-cell;
  }
  
  #submenu a {
      color:#333333;
      font: bold 12px/13px Arial, Helvetica, sans-serif;
      cursor:pointer;
  }
  
  #submenu a:hover {
      color:#2f6535;
      font: bold 12px/13px Arial, Helvetica, sans-serif;
      cursor:pointer;
  }
  
  /* End Submenu */
  </code></pre>
  
  <p>See <a href="http://tinypic.com/r/2ef6tzb/6" rel="nofollow noreferrer">this image</a>. What is the solution for IE 6 &amp; 7 for making it inline?</p>