css - 分区宽度 : auto and IE

Question

当鼠标悬停在平均评分上时，我使用 jQuery qTip 显示单个用户及其投票。

qTip 调用一个 PHP 文件，该文件从 MySQL 数据库中抓取所有用户并对元素进行投票，并构建一个包含 3 列的表，该表显示为工具提示。

在 Firefox 中，工具提示正确显示。

在 IE7 中(尚未在 IE8 上测试过)，工具提示是适当的高度，但宽度只有 2 或 3 个字符 - 而不是整个表格。

如果我将 div 的宽度设置为一个固定的数字，比如说 width: 300px; 我可以哄 IE 正确显示它。

但是，我的用户名的长度变化很大，我宁愿不将 div 固定到它的最大可能宽度，然后当您查看仅由“Joe”投票的元素时出现一大堆空白.

使用 width: auto; 在 IE7 中无效。

还有其他选择吗？

抱歉，如果我忽略了一个类似的问题。我在发帖前搜索了一下，但没有找到合适的内容。

编辑以添加代码:

<div
  style="-moz-border-radius: 0pt 0pt 0pt 0pt;
         position: absolute; 
         width: 358px; 
         display: none; 
         top: 384.617px; 
         left: 463.5px; 
         z-index: 6000;" 
  class="qtip qtip-defaults" qtip="0">

  <div style="position: relative; 
              overflow: hidden; 
              text-align: left;" 
       class="qtip-wrapper">

    <div style="overflow: hidden; 
                background: none repeat scroll 0% 0% white; 
                border: 1px solid rgb(211, 211, 211);" 
         class="qtip-contentWrapper">

      <div class="qtip-content qtip-content" 
           style="background: none repeat scroll 0% 0% white; 
                  color: rgb(17, 17, 17); 
                  overflow: hidden; 
                  text-align: left; 
                  padding: 5px 9px;">

        <div id="WhoResults">
          <table>
            <tbody>
              <tr>
                <td>guy1</td>
                <td>guy2</td>
                <td>guy3</td>
              </tr>
              <tr>
                <td>guy4</td>
                <td>guy5</td>
                <td>guy6</td>
              </tr>
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>

我没有应用任何 CSS 样式。这一切都由 qTip 处理。我尽力格式化它。感谢您提供的任何帮助。

Answer 1

尝试使用 min-width:300px 而不是 width