Have a look at the border here
ul.MenuBarHorizontal a
{
display: block;
background-color: #6d6f71;
text-decoration: none;
text-align: center;
padding: 4px 0;
color: #fff;
border-top: 1px solid #6d6f71;
border-right: 1px solid #6d6f71;
border-left: 1px solid #6d6f71;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
and compare that to this border
ul.MenuBarHorizontal a:hover
{
background-color: #fff;
color: #1b75bc;
border-top: 2px solid #6d6f71;
border-right: 2px solid #6d6f71;
border-left: 2px solid #6d6f71;
}
They are both applied to the same element, just a different state. Sure it will jump around. To see what I mean, exaggerate the result by increasing the border width on one of the states.
Gramps
