Tabs not re-sizing to accommodate tab text

My tabs are not resizing to accommodate text:


The HTML is:

<div id="dlg_productimages" style="width:325px;height:350px">
   <ul>
      <li><a href="#productimage">Product</a></li>
      <li><a href="#nutrifacts">Nutrition</a></li>
   </ul>
    <div id="productimage" style="width:250px;height:250px;"><img src="images/products/productimage.jpg" /></div>
     <!-- nutrifacts image container -->
      <div id="nutrifacts" style="width:250px;height:275px;"><img src="images/nutrifacts/ritzcrackers.jpg" /></div>
</div>

The problems remains with/without the dlg_productimages style attribute. The tabs are otherwise functional. Ideas anyone?

Thanks,
Noah

• Topic Participants

• noahsarkive