Hi,

I'm having an issue with longer page names not displaying correctly when click or hover over. A red box goes around them but with longer names there is a white gap.

Your skin uses a background images  technique for the hover state. One of the bg images is too small. You should have you skin developer change the image or use a more modern technique like 

.jd_menu li a:hover {

background-color: red;

border-radius: 5px;

}