Как победить глюк с border в IE7?
Может это пресловутый  hasLayout 
Похоже на Internet Explorer box model bug. Если оно, то просто добавьте DTD в документ. Или манипулируйте padding вместо margin. Что-то типаnav li a:hover {
    background: #f7f7f7;
    color: #3bbdfb;
    padding-bottom: 26px;
    border-bottom: 4px solid #bab7b7;
    border-top: 4px solid #bab7b7;
}