链接不会隐藏在滚动菜单中

Question

我有另一个问题。语言菜单（右上角）的第二个链接不隐藏：  http://dash.com.pl/CTP/index.html 你是如何得到解决方案的？

HTML

        <header id="language">
                <ul>
                 <li>

                 <div class="link"><a href="#">svensk</a><span></span></div>

                 <div id="sve"><a href="#"><div id="ico"></div></a></div>
                    <hr>
                <div class="link"><a href="#">english</a><span></span></div>

                 <div id="uk"><a href="#"></a></div>         
                </li>
            </ul>
            </header>

CSS

#language .link{

display:block;
    font-family: 'OpenSansRegular';
    font-size:14px;
    padding: 0 0 2px 0;
    cursor:pointer;
margin:0 0 0 33px;
}

#language .link a{
    text-decoration:none;
    color:#525252;
    -webkit-transition: color 0.4s ease;
margin:0;

}

#language .link a:hover{
    color:#fb6f5e;
}

Answer 1

我认为你必须改变你的html结构为li添加唯一的类，但是对于替代你可以使用这个代码。在firebug上查看它的工作情况 解决方案css：

#language hr + .link { 
  display: none; 
}
#language ul:hover .link {
  display: block;
}

Answer 2

试试这个css风格：

#language{
     overflow: hidden;
}