title: footer implementation in fluid layout
body: <p>I'm having problem in implementing the footer for my website.<br>
  I have taken two <code>&lt;ul&gt;</code> lists in the <code>inner_footer</code> as you can see in the code below. But as I zoom in, the <code>&lt;ul&gt;</code> list in the div element is not visible. It seems a float problem, but I'm not able to figure out what's wrong with it.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="grid_16"&gt;
      &lt;div class="footer"&gt;
          &lt;div class="inner_footer"&gt;
              &lt;ul&gt;
                  &lt;li&gt;Some content&lt;/li&gt;
              &lt;/ul&gt;
          &lt;div&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a&gt;Link 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a&gt;Link 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a&gt;Link 3&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a&gt;Link 4&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a&gt;Link 5&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;Copyrights&lt;/li&gt; 
              &lt;/ul&gt;   
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.footer {
      height:105px;
      position:relative;
      top:0;
      width:100%;
    }
  .inner_footer {
      background:url(../images/layout_img/nav.jpg) 0 center repeat-x;
      font-size:12px;
      border-radius:4px;
      position:relative;
      width:inherit;
      height:31px;
      margin:0 auto;
  }
  .inner_footer ul {
      margin:0;
  }
  .inner_footer ul li {
      color:#FFF;
      font-family:calibri;
      font-size:13px;
      list-style-type:none;
      line-height:31px;
      text-decoration:none;
      padding:0 10px;
  }
  .inner_footer ul li a img {
      margin:2px 0 0 20px;
  }
  .inner_footer ul li a {
      color:#FFF;
      float:left;
      font-family:calibri;
      font-size:13px;
      list-style-type:none;
      line-height:31px;
      text-decoration:none;
      padding:0 10px;
  }
  .inner_footer div {
      float:right;
  }
  .inner_footer div ul li a {
      color:#FFF;
      float:left;
      font-family:calibri;
      font-size:13px;
      list-style-type:none;
      line-height:31px;
      text-decoration:none;
      padding:0 10px;
  }
  .inner_footer div ul li {
      color:#FFF;
      float:left;
      font-family:calibri;
      font-size:13px;
      list-style-type:none;
      line-height:31px;
      text-decoration:none;
      padding:0 10px;
  }
  </code></pre>