title: Problem with IE8 Horizontal list
body: <p>I have a menu bar..it appears correctly(horizontal) in mozilla and chrome but appears vertical in IE8.
  how can i make it horizontal using css</p>
  
  <p>here is the html code</p>
  
  <pre><code>&lt;div id="navigation"&gt;
      &lt;div id="myjquerymenu" class="jquerycssmenu"&gt;
          &lt;br/&gt;
          &lt;ul&gt;
              &lt;li class="txtfont"&gt;&lt;a href="#IMAGE#"&gt;Manage Image&lt;/a&gt;&lt;/li&gt;
              &lt;li class="txtfont"&gt;&lt;a href="#"&gt;Manage Menu&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#PMENU#"&gt;Manage Parent Menu&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#MENU#"&gt;Manage Sub Menu&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#SUBMENU#"&gt;Manage Sub Sub Menu&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="txtfont"&gt;&lt;a href="#"&gt;Manage Content&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#ML#"&gt;Main Content&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#NEWS#"&gt;News&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#ANN#"&gt;Announcements&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#FAQ#"&gt;Manage FAQ&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="txtfont"&gt;&lt;a href="#SETTINGS#"&gt;Manage Settings&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#logout#&amp;action=logout"&gt;Log Out&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The css code is as below:</p>
  
  <pre><code>#navigation { height: 80px; width:200%; position: relative; padding-top:10px; padding-left:200px; float:none; font-size:12px; font-family: "Century Gothic"; font-weight:bold; }
  .jquerycssmenu{
  
  font-size:12px;
  font-family: "Trebuchet MS", "sans-serif";
  /*padding-left: 0px; offset of tabs relative to browser left edge*/
  margin-top:25px;
  color:#FFFFFF;
  font-weight:normal;
  border:#000000;
  
  }
  
  .jquerycssmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
  /*Top level list items*/
  .jquerycssmenu ul li{
  position: relative;
  display: inline;
  float: left;
  border-bottom-color:#000000;
  }
  
  /*Top level menu link items style*/
  .jquerycssmenu ul li a{
  display: block;
  padding: 6px 7px 6px 7px;
  min-width:70px;
  margin-right: 6px; /*spacing between tabs*/
  border: 1px solid #000000;
  border-bottom-width: 1;
  color:#FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color:#330066;
  /*background-color:#99CC00;*/
  text-align:center;
  /*background: url(../../images/admin/images/menu_bg.jpg);*/
  background-color:#330066;
  behavior: url(border-radius.htc);
  }
  
  .jquerycssmenu ul li a:hover{
  background:#663399;
  }
  
  /*1st sub level menu*/
  .jquerycssmenu ul li ul{
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  padding-top:0px;
  }
  
  /*Sub level menu list items (undo style from Top level List Items)*/
  .jquerycssmenu ul li ul li{
  display: list-item;
  float: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-family: "Trebuchet MS", "sans-serif";
  }
  
  /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  .jquerycssmenu ul li ul li ul{
  top: 0;
  display: list-item;
  float: none;
  font-family: "Trebuchet MS", "sans-serif";
  }
  
  /* Sub level menu links style */
  .jquerycssmenu ul li ul li a{
  
  font-family:"Trebuchet MS", "sans-serif";
  font-size:13px;
  font-weight:normal;
  width: 160px; /*width of sub menus*/
  background-color:#330066;
  color:#FFFFFF;
  padding: 6px 5px;
  margin: 0;
  border-top-width: 1;
  
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 1px;
  }
  
  .jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
  background:#663399;
  color: #ccc;
  }
  </code></pre>