Hello,
I integrated MyBB with one page of mine. Everything looks fine in Google Chrome and the other browsers except Internet Explorer.
Can someone tell me what is wrong with the nav bar for those using Internet Explorer?
![[Image: navbarkb.png]](https://camo.mybb.com/06df40488083b95d8dd4db042fe1ac822489c908/687474703a2f2f696d6739362e696d616765736861636b2e75732f696d6739362f323039312f6e61766261726b622e706e67)
Adjust the padding in the navigation background image. Its just slightly higher than images at the ends.
Tried this and it doesn't solve the issue.
Can you post the menu css?
<style type="text/css">
body {
padding: 10px;
font-family: Calibri, sans-serif;
}
/* The CSS Code for the menu starts here */
#menu {
font-family: Calibri, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0;
padding: 0;
list-style-type: none;
background-color: #eee;
font-size: 13px;
height: 40px;
border-top: 2px solid #eee;
border-bottom: 2px solid #ccc;
}
#menu li {
float: left;
margin: 0;
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 40px;
color: #666;
}
#menu li a:hover, #menu li.active a {
background-color: #f5f5f5;
border-bottom: 2px solid #DDD;
color: #999;
}
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; background: url(images/grey.png) no-repeat right;}
#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}
/* Blue Menu */
#menu_wrapper.blue ul {
border-top: 2px solid #356AA0;
border-bottom: 2px solid #204061;
background: #356AA0;}
#menu_wrapper.blue a {color: #fff;}
#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}
#menu_wrapper.blue {background: url(images/blue.png) no-repeat right;}
#menu_wrapper.blue div {background: url(images/blue.png) no-repeat left;}
</style>
