IE7中的小CSS问题

Question

我有一个小的css问题，我似乎找不到解决办法。我有两个问题：

网址：http://www.umono.nl/test/

1. 在红色框"Zoek en boek“中的OL是错误的，在IE7
2. 中，css弹出菜单在标题"home，alle steden等”中。在IE7.

中没有对齐。

有人能帮帮我吗？

Thx，

凯文，

Answer 1

奇怪的是，我实际上认为IE在这种情况下的表现是最正确的。

基本上，在红色方框中布局形式元素的技术有点不可靠。老实说，我认为这就是设计表的目的(而且它是表格数据)：

<table id="zoek">
<tr>
  <th>Land:</th>
  <td><select>...</select></td>
</tr>
<tr>
  <th>Plaats:</th>
  <td><select>...</select></td>
</tr>
</table>

通过以下方式：

#zoek th { font-weight: bold; text-align: left; }
#zoek td { text-align: right; }

你的CSS会简单得多(而且我会提前向任何反餐桌狂热分子摇头)。

如果您不想这样做(无论出于什么原因)，请将此视为一种可以说更健壮的技术：

<ul id="zoek">
  <li><div class="label">Land:</div><div class="select"><select>...</select></li>
  <li><div class="label">Price:</div><div class="select"><select>...</select></li>
</ul>

通过以下方式：

#zoek li { overflow:hidden; }
#zoek div.label { float:left; }
#zoek div.select { float: right; }

或者，您可以完全放弃列表，只需嵌套一些div。