Elements seem to jump

HTML & CSS
1

on http://offthevinesd.com/contact.php
I am trying to figure out why it is that the elements on the page (form) seem to move to the right when the mouse moves over the first 2 menu items?
Can I get some help?
Thanks…

2

Hi,
In your esstyle.css it is giving a 1px bottom border to all "a"s on hover.

a:hover {
    [B]border-bottom:1px solid #660000;[/B]
    color:#660000;
}
3

You can override it in your main.css like so -


[B].jqueryslidemenu ul li a:hover[/B]{
background: black; /*tab link background during hover state*/
color: white;
[COLOR=Blue]border-bottom:0;[/COLOR]
}
4

thanks