IE8中我没有添加的奇怪边框线答案

【问题标题】：Strange border line in IE8 that I didn't addIE8中我没有添加的奇怪边框线
【发布时间】：2014-01-29 12:25:50
【问题描述】：

相同的 HTML、CSS 和图像文件，但在 IE8 中我有这个奇怪的边界线。

HTML：

<div id="admin_link_div">
    <ul id="vertical_menu">
        <li>
            <a href="/admin/appointment_list">
            <div id="sidebar_left_box">
                Room List
            </div><img id="admin_arrow_img_roomlist" src="/images/arrow_off_icon.gif"></a>
        </li><div id="sidebar_line"></div>
        <li>
            <a href="#">
            <div id="sidebar_left_box">
                User Management
            </div><img id="admin_arrow_img_userlist" src="/images/arrow_off_icon.gif"></a>
            <br>
            <ul>
                <li>
                    <a href="/admin/users">User List</a>
                </li>
                <li>
                    <a href="/admin/users/multi_register">User Register</a>
                </li>
            </ul>
        </li><div id="sidebar_line"></div>
        <li>
            <a href="#">
            <div id="sidebar_left_box">
                Company Mangement
            </div><img id="admin_arrow_img_register" src="/images/arrow_off_icon.gif"></a>
            <br>
            <ul>
                <li>
                    <a href="/admin/companies">Company List</a>
                </li>
                <li>
                    <a href="/admin/companies/new">Company Register</a>
                </li>
            </ul>
        </li><div id="sidebar_line"></div>
        <li>
            <a href="#">
            <div id="sidebar_left_box">
                Service Management
            </div><img id="admin_arrow_img_service" src="/images/arrow_off_icon.gif"></a>
            <br>
            <ul>
                <li>
                    <a href="/admin/barbie_servers">Server Management</a>
                </li>
                <li>
                    <a href="/admin/barbie_management">Barbie Management</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

CSS：

#admin_arrow_img_userlist{
    margin-left: 10px;
    margin-bottom: 2px;
}

有什么好的理由？？？

【问题讨论】：

标签： html css internet-explorer-8

【解决方案1】：

将此添加到您的图像#

outline:none;
border: none;

因为IE默认给图片设置了边框！！

【讨论】：

一般不是border，不是大纲吗？
@yochannah : border 和 outline 都应该是 none，因为 IE 为它们设置了默认值....同意你的观点！！ :)
感谢您的超快速响应。因为它太快了，我必须等待选择答案:) 必须等待 10 分钟

【解决方案2】：

在图片上试试这个 CSS

img
{
 border:0;
 outline:none; 
}

使用边框0Check link比较合适。

【讨论】：