[jQuery] Trouble styling submenus of Superfish

[Kath]

Hi there,

I'm having a problem styling the submenus of Superfish.  The text on
hover jumps a few px to the left.  I have played around with it, but I
can't figure it out.  If I add in padding-left: 5px to this in the css

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:             #CFDEFF;
        outline:                0;

}

it then puts the parent item out of whack.

http://www.rugbygoldcoast.com.au/rugby/index.php

I would appreciate any guidance :)

Thanks
Kathy