如何删除图像旁边的下划线？

Question

如何删除图像旁边的下划线？

鉴于以下页面(SSCCE,就像我们都喜欢它):

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
    * {
        border:0;
        margin:0;
        padding:0;
    }

    body {
        background:#BCD5E1;
        font:.85em Verdana;
    }

    #flag_panel {
        position:absolute;
        right:15px;
        top:20px;
    }

    #flag_panel img {
        vertical-align:middle;
    }

    #flag_panel .selected_image {
        border:solid 2px #444;
        padding:5px;
    }
    </style>
</head>
<body>
    <div id="flag_panel">
        <a href="#">
            <img src="ro.gif" />
        </a>
        <img class="selected_image" src="us.gif" />
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

这个HTML文件和2个图像可以在URL找到:image-problem.zip(1.6 KB)

预期的结果是:

预期结果