0

这是我在 IE 7 和 8 中遇到问题的网站。

http://mtcmedicalcenter.com/

最后两个菜单是职业和联系我们在底部，而不是在活动和促销旁边。

这是导航菜单的CSS。

/* ---------- Navigation ---------- */

#Menu{
    margin:auto;
}

#Menu #nav {
    float:left;
    z-index: 9999;
    width:auto;
    margin: -8px auto 0 auto;
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
}

#nav ul li{
margin:0 auto 0 auto;
padding:0;
}

#nav .on {
    color: #fff !important;
    background-position: bottom left !important;
}

#nav a:link{
    display:block;
    padding: 15px 20px 15px 20px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
    text-decoration: none;
    margin: 0 auto 0 auto;
    background-color:#2b2f6e;
}

#nav a:hover {
    color:#fff;
    background-color:#2b2f6e;
}

#nav a:visited {
    color:#fff;
}

#nav li{
    float:left;
    position:relative;
    text-align:left;
    margin: 0 auto 0 auto;
    background:transparent url('../img/divider.jpg') no-repeat right;
    padding-left: 0px;
    padding-right: 2px;
}
#nav ul {
    position:absolute;
    width:auto;
    display:none;   
    z-index: 1;
}

#nav li ul a {
    width:14em;
    float:left;
    background-color:#2b2f6e;
    background-repeat:repeat;
}

#nav li ul a:link{
    color:#fff;
} 

#nav li ul a:hover {
    color:#fff;
    background-position: bottom left !important;
}

#nav ul li ul li a:hover{
    color:#fff !important;
    background-position: bottom left !important;
}

#nav ul ul{
    top:auto;
}   

#nav li ul ul {
    margin:0 auto 0 auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    margin:0 auto 0 auto;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    margin:0 auto 0 auto;
    }



#nav li.current_page_item > a,
#nav li.current-menu-ancestor > a,
#nav li.current-menu-item > a,
#nav li.current-menu-parent > a {
    color:#fff;
    background-color:#2b2f6e;
    padding: 15px 20px 15px 20px;
}

#nav li.services-class > a {
    color:#fff;
     background:none;   
}

.menu  #Menu li.current_page_item > a,
.menu  #Menu li.current-menu-ancestor > a,
.menu  #Menu li.current-menu-item > a,
.menu  #Menu li.current-menu-parent > a {
    color:#fff;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    background-color:#2b2f6e;
    height: 30px;
}

顺便说一句，我正在为这个网站使用 Wordpress。希望很快能收到你们的来信。

谢谢

4

1 回答 1

0

为了快速修复，直到找到更好的，您总是可以将它们所在的容器的宽度设置为比内容更宽的东西，

在您的情况下，您可以通过 responsiveSelectContainer 类获取该容器

于 2013-05-29T09:17:10.143 回答