Html 设置选择选项标记的样式时出现问题，下拉项带有图标

我有以下代码，我有两个问题：

图标只显示在Firefox上，我想要一些跨浏览器的东西

所选项目没有图标，但当我们展开列表时，所有菜单都包含图标

**HTML

<select name="im_type" id="imtype">
    <option value="Yahoo">Yahoo</option>
    <option value="MSN">MSN</option>
    <option value="GTalk">GTalk</option>
    <option value="ICQ">ICQ</option>
    <option value="AOL">AOL</option>
    <option value="Skype">Skype</option>
</select>

---

如果您有任何想法，请与我分享，谢谢您尝试使用此jquery插件：

select#imtype option {
    padding: 2px 0 2px 25px;
}
select#imtype option[value="Yahoo"] {
    background: url('../images/yahoo.png') no-repeat 0 0;
}
select#imtype option[value="MSN"] {
    background: url('../images/msn.png') no-repeat 0 0;
}
select#imtype option[value="GTalk"] {
    background: url('../images/gtalk.png') no-repeat 0 0;
}
select#imtype option[value="ICQ"] {
    background: url('../images/icq.png') no-repeat 0 0;
}
select#imtype option[value="AOL"] {
    background: url('../images/aol.png') no-repeat 0 0;
}
select#imtype option[value="Skype"] {
    background: url('../images/skype.png') no-repeat 0 0;
}