White lines in top menu tabs (see pic)

I'm just about to give up on changing these tabs. Does anyone know what these white lines are in the top menu tab? When you use a light color they are not as noticeable. Please take a look at the picture. isuncoast

Or the live site although I will probably change.

Those white lines are the white background behind the tabs.  Your left & right 1/2's of the tabs are not fully lining up with each other.  Play with the CSS for them and bring them closer to where they belong.

Would it be easier if I adjusted the number of tabs before you get the tab with the plus in it? To a higher number? Will try...thanks for reply

Tried adjusting the amount of tabs and it did nothing...I don't know what you mean "play with css" and put them where they belong. I didn't move them....

This is actually a flaw in the origional UNI template design. It exists in the UNI template as well but you just don't notice it becuse of the color.

It is caused becuse the left and right semi transparent png images are over lapping each other by 3 pixels.

Lots of margin and padding adjustments most likley would have to be done to fix that the proper way. But there is a easy way.

Change the size of the image tm_item_left.png Normally that image is 8x31.  Crop off the right 3 pixles. Crop to 5x31. That should fix the Issue.

Or you can fix it this way. open /templates/base/css/top_menu.css and find below CSS Rule around line no.143

.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu b {
background:url("../images/tm_item_left.png") no-repeat scroll 0 50% transparent;
border-width:0;
color:#666666;
display:block;
font-weight:normal;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
text-transform:capitalize;
}

now change the
padding:0 0 0 5px;  ---->  padding:0 0 0 8px;

Hope this helps
kevin

Yes that will also work, but it shifts the text to the right so it looks a bit odd.

Thanks will try latter on this evening.