Hover and current state with overlapping images?

I am working with jquery UI tabs to make a tabbed navigation. It has active and hover both stages when the background color should be white. I managed to get this ok, but when I'm hovering the element right beside the current element, a small portion of my arrows' background isn't changing to whit开发者_高级运维e but staying blue. You'll understand the program when you see the demo that I'm working on here: http://arbabpolypackltd.com/erdem/ . It is supposed to look like this:

. Please help!! thanks!

The reason that the blue is showing is that the individual nav containers are not extending far enough to the left (to be overlaid with the nav item to their left):