我有一个选择列表，左边有一些填充：
<select>
<option>Opt A</option>
<option>Opt B</option>
</select>
CSS
select
{
padding-left:20px;
}
在IE之外的每个浏览器中（我使用IE8，Win XP，IE8标准），我可以通过单击下拉列表左侧的填充来轻松打开选择。但是，在IE中，使用此填充需要两次单击才能打开下拉列表。
如何通过单击这个填充区域来打开IE中的下拉菜单？如果我绝对不愿意，我愿意使用js，但我想避免使用它。
有关此问题的示例，请参阅此jsfiddle。单击左侧的填充区域以查看IE中的功能。
修改
我应该澄清一下。我已经有一个样式下拉列表，它是css和常规HTML的组合。下拉列表左侧有一个箭头图像，这就是文本上的填充很重要的原因。我不想改变任何一个。我只希望它在单击填充区域时在IE中正常运行。
解决方法
作为一种解决方法，我已经从CSS中删除了填充，现在我用nbsp;填充选项中的实际文本来模拟填充。非常黑客，因为它现在阻止任何用户键入选择框以跳转到特定值。但由于我需要支持IE，这可能是我现在的方式。
<select>
<option> Opt A</option>
<option> Opt B</option>
</select>