为什么游标：文本改变了我的其他游标？

Question

请参阅http://www.collegeanswerz.com/。

当您悬停时，我将搜索栏设置为cursor: text;。

input[type="search"]:hover {
    cursor: text;
}

这改变了我的其他导航链接的光标。图标，学院链接，关于学院链接和建议链接都应为cursor: pointer;。

但是，当我悬停时，只有这些元素的下半部分有一个指针光标。在我将搜索区域更改为cursor: text;之前，它不是这样的。

为什么会这样？我该怎么做才能解决它？

编辑：这是一些可能相关的CSS

/* main navigation */

#main_nav {
    margin-top: -2px;
    margin-bottom: -2px;
    background-color: #E6F0FF;
    height: 70px;
    #logo {
        position: relative;
        top: 10px;
        left: 30px;
        margin-right: 125px;
        display: inline;
        float: left;
    }
    ul {
        list-style-type: none;
        display: inline;
        float: left;
        clear: none;
        position: relative;
        top: 12px;
        right: 0px;
        li {
            margin-right: 45px;
            float: left;
            color: rgba(0, 0, 255, 0.70);
            font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
            a:hover {
                border-bottom: 2px solid rgba(0, 0, 255, 0.70);
                color: rgba(0, 0, 255, 0.95)
            }
            a {
                transition: border-bottom 240ms;
                text-decoration: none;
                font-weight: bold;
                color: rgba(0, 0, 255, 0.85);
                font-size: 15px;
                padding-bottom: 15px;
            }
        }
    }
    input[type="search"] {
        font-size: 12px;
        font-family: Verdana, Geneva, sans-serif;
    }
    input[type="search"]:hover {
        cursor: text;
    }
    #search_text {
        position: relative;
        #search_field {
            position: relative;
            top: 17px;
            left: 30px;
            height: 35px;
            width: 160px;
        }
    }
}

Answer 1

您的搜索div与其他项重叠。