title: div width auto !important seems not to work in ie6/ie7
body: <p>THE HTML</p>
  
  <pre><code>&lt;div class="grid_11 omega" id="homeGalleryFichaGold"&gt;
          &lt;div class="contSlideGalleryUp" style="display: none;"&gt; 
                                      &lt;a href="javascript:;" onclick="$('#panelGallery').slideToggle(); $('.contSlideGalleryUp').hide(); $('.contSlideGalleryDown').slideToggle('slow');" id="openGallery" class="openGallery" title=""&gt;HOTEL GALLERY&lt;/a&gt;
          &lt;/div&gt;
          &lt;div style="display: block;" class="contSlideGalleryDown"&gt; 
                                      &lt;a href="javascript:;" onclick="$('#panelGallery').slideToggle(); $('.contSlideGalleryUp').slideToggle('slow'); $('.contSlideGalleryDown').hide();" id="closeGallery" class="closeGallery" title=""&gt;HOTEL GALLERY&lt;/a&gt;
                                  &lt;/div&gt;                        
                                  &lt;div style="display: block;" id="panelGallery"&gt;
                                      &lt;ul&gt;
                                          &lt;li class="selected"&gt;&lt;a class="photos" href="#" title=""&gt;&lt;span&gt;PHOTOS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="videos" href="#" title=""&gt;&lt;span&gt;VIDEOS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="suites" href="#" title=""&gt;&lt;span&gt;SUITES 3D&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="location" href="#" title=""&gt;&lt;span&gt;LOCATION&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="publication" href="#" title=""&gt;&lt;span&gt;PUBLICATION&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="tour" href="#" title=""&gt;&lt;span&gt;INTERACTIVE TOUR&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="panorama" href="#" title=""&gt;&lt;span&gt;PANORAMA&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a class="googlearth" href="#" title=""&gt;&lt;span&gt;GOOGLE EARTH&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
            &lt;/div&gt;                                       
      &lt;/div&gt;
  </code></pre>
  
  <p>Basically i can't get #panelGallery to have an 'auto' width in IE6/7 (works fine in all other)</p>
  
  <p>CSS</p>
  
  <pre><code>    #panelGallery {
          background-color: #333;
          color: #FFFFFF;
          float: right;
          font-size: 11px;
          font-weight: bold;
          height: 65px;
          line-height: 65px;
          opacity: 0.9;
          /*width: 640px;*/
          position:absolute;
          bottom: 0px;
          right:0px;  
      }
      .contSlideGalleryDown {
      position:absolute;
      bottom: 65px;
      right:0;
  }
  </code></pre>
  
  <p>And i add this hack for ie6/7</p>
  
  <pre><code>#panelGallery {
      *width: auto !important;
  }
  </code></pre>
  
  <p>But still uses all width </p>