title: Listed items will not show up in IE 9
body: <p>I am at a total loss here, I have two lists floating in the masthead of my site next to the logo that display information and stats of the current user logged in.  </p>
  
  <pre><code> Masthead ______________________________________________________
  |             Navbar_________________________________________   |
  |  logo      |                                               |  |
  |            |linklist leftside         linklist rightside   |  |                                      
  |            |                                               |  |
  |            |_______________________________________________|  |
  |                                                               |
  |_______________________________________________________________|
  </code></pre>
  
  <p>My Html and CSS are straitforward, however for some reason, the lists will not show in IE9.  They show perfectly in Firefox and Chrome.  I have been pulling my hair out trying to get them to  show up.  I can see the very top of a few of the words in my lists but they cut off afterwards.   I'm not sure if it has something to do  with an overflow problem  or maybe my if statements are a bit off, but I don't see how there's a problem if they show up fine in other browsers.  </p>
  
  <p>The Html:</p>
  
  <pre><code>&lt;div class="masthead"&gt;
     &lt;div class="inner"&gt;
        &lt;div id="site-description"&gt;
           &lt;a href="{U_INDEX}" title="{L_INDEX}" id="logo"&gt;{SITE_LOGO_IMG}&lt;/a&gt;
            &lt;h1&gt;{SITENAME}&lt;/h1&gt;
         &lt;/div&gt;
         &lt;div class="navbar"&gt;
            &lt;div class="inner"&gt;
               &lt;!-- IF not S_USER_LOGGED_IN and not S_IS_BOT --&gt;
               &lt;form method="post" action="{S_LOGIN_ACTION}" class="headerspace"&gt;
                  &lt;fieldset class="quick-login"&gt;
                       &lt;label for="username"&gt;{L_USERNAME}:&lt;/label&gt;&amp;nbsp;&lt;input type="text"        
                        name="username" id="username" size="10" class="inputbox" title="
                        {L_USERNAME}" /&gt;
                      &lt;br/&gt;
                      &lt;label for="password"&gt;{L_PASSWORD}:&lt;/label&gt;&amp;nbsp;&amp;nbsp;&lt;input type="password" 
                       name="password" id="password" size="10" class="inputbox" title="
                       {L_PASSWORD}"  /&gt;
                      &lt;br/&gt;
                      &lt;!-- IF S_AUTOLOGIN_ENABLED --&gt;
                      &lt;label for="autologin"&gt;{L_LOG_ME_IN} &lt;input type="checkbox" name="autologin" 
                       id="autologin" /&gt;&lt;/label&gt;
                      &lt;!-- ENDIF --&gt;
                      &lt;input type="submit" name="login" value="{L_LOGIN}" class="button2" /&gt;
                      {S_LOGIN_REDIRECT}
                  &lt;/fieldset&gt;
                &lt;/form&gt;
                &lt;!-- ENDIF --&gt;
                  &lt;!-- IF not S_IS_BOT and S_USER_LOGGED_IN --&gt;
                  &lt;ul class="linklist leftside"&gt;
                      &lt;li class="logout"&gt;
                       &lt;a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"&gt;
                        {L_LOGIN_LOGOUT}&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="ucp"&gt;
                       &lt;a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e"&gt;{L_PROFILE}&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="pm"&gt;
                       &lt;!-- IF S_DISPLAY_PM --&gt; (&lt;a href="{U_PRIVATEMSGS}"&gt;{PRIVATE_MESSAGE_INFO}
                       &lt;/a&gt;)&lt;!-- ENDIF --&gt;
                      &lt;/li&gt;
                      &lt;li class="posts"&gt;
                        &lt;!-- IF S_DISPLAY_SEARCH --&gt;
                &lt;a href="{U_SEARCH_SELF}"&gt;{L_SEARCH_SELF}&lt;/a&gt;
                &lt;!-- ENDIF --&gt;
                      &lt;/li&gt;
                      &lt;li class="permissions"&gt;
                       &lt;!-- IF U_RESTORE_PERMISSIONS --&gt; 
                &lt;a href="{U_RESTORE_PERMISSIONS}"&gt;{L_RESTORE_PERMISSIONS}&lt;/a&gt;
                &lt;!-- ENDIF --&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                 &lt;!-- ENDIF --&gt; 
  
                  &lt;ul class="linklist rightside"&gt;
                      &lt;li class="visit"&gt;
                        &lt;!-- IF S_USER_LOGGED_IN --&gt;{LAST_VISIT_DATE}&lt;!-- ENDIF --&gt;
                      &lt;/li&gt;
                      &lt;li class="time"&gt;
                         &lt;!-- IF U_MCP --&gt;{CURRENT_TIME} [&amp;nbsp;&lt;a href="{U_MCP}"&gt;{L_MCP}            
                          &lt;/a&gt;&amp;nbsp;]&lt;!-- 
                          ELSEIF S_USER_LOGGED_IN --&gt;{CURRENT_TIME}&lt;!-- ENDIF--&gt;
                      &lt;/li&gt;
                      &lt;li class="faq"&gt;
                         &lt;a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"&gt;{L_FAQ}&lt;/a&gt;
                      &lt;/li&gt;
                        &lt;!-- IF not S_IS_BOT --&gt;
                &lt;!-- IF S_DISPLAY_MEMBERLIST --&gt;
                      &lt;li class="members"&gt;&lt;a href="{U_MEMBERLIST}" title="
                       {L_MEMBERLIST_EXPLAIN}"&gt;    
                       {L_MEMBERLIST}&lt;/a&gt;&lt;/li&gt;&lt;!-- ENDIF --&gt;
                       &lt;!-- ENDIF --&gt;
                  &lt;/ul&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;     
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS:</p>
  
  <pre><code>#logo {
      float: left;
      width: auto;
      margin-top: -60px;
      margin-left: 20px;
  }
  .masthead {
      color: #FFFFFF;
      margin-bottom: 0px;
      margin-top: 25px;
      width: 96%;
      min-width: 650px;
      margin-right: auto;
      margin-left: auto;
      height: 130px;
      background-repeat: repeat-x;
      background-position: 0 0;
  }
  .navbar {
      padding-right: 10px;
      padding-left: 10px;
      margin-top: 0px;
      margin-bottom: auto;
      margin-left: 480px;
      margin-right: 20px;
      height: 86px;
  }
  .linklist.leftside {
      float:left;
      text-align: left;
      list-style-type: none;
      display: inline;
  
  }
  .linklist.rightside {
      float:right;
      text-align: right;
      list-style-type: none;
      margin-left: 20px;
      display: inline;
  }
  </code></pre>
  
  <p>I'm more focused on the CSS, I don't think the problem is with my Html although I could be dead wrong.  Any suggestions would be highly appreciated, thanks!</p>