there is probably a better way of doing this but have worked one way out by changing the hover css from this
ul#cssmw > li:hover > a, ul#cssmw > li:hover > a:link { background-color: #FF00FF; background-image: url("../images/misc/nav-arrow.png"); background-position: center 123px; background-repeat: no-repeat; color: #FFFFFF; font-weight: normal; text-decoration: none; outline-style: none;}
to this
ul#cssmw > li:hover > a, ul#cssmw > li:hover > a:link {background-color: #FF00FF; background-image: url("../images/misc/nav-arrow.png"); background-position: center 138px; background-repeat: no-repeat; color: #FFFFFF; font-weight: normal; text-decoration: none; outline-style: none; padding-bottom:15px;margin-top:-15px;overflow:hidden;}
is there a better way to achieve this?