title: Need to center a ul within a div ie6 & ie7
body: <p>I have a ul that i need to center within a div. The code i have (you'll find below) works in every browser apart from ie6 &amp; ie7 where the content is floated left rather than centered. I've stripped out my code to the very basics. I have tried to work through numerous fixes for this without success as yet so any help on this would be greatly appreciated.</p>
  
  <pre><code>//CSS
  #galleryThumbs {
      width:900px;
      height:125px;
      text-align:center;
      margin:0px auto;
  }
  ul.thumb {
      margin:0;
      padding:0;
      list-style:none;
      display:inline-block;
  }
  ul.thumb li {
      width:65px;
      height:65px;
      margin:0 2px 0 2px;
      border:1px solid #ffffff;
      display:inline-block;
      float:left;
  }
  
  //HTML
  &lt;div id="galleryThumbs"&gt;
      &lt;ul class="thumb"&gt;
          &lt;li&gt;&lt;img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb1.jpg"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb2.jpg"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb3.jpg"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Many thanks in advance
  Brendan</p>