Problem with top-menù

[joelemon]

HI Esyndicat friends, i've a problem and i can't resolve it by myself.
This is my site http://www.joelemon.netsons.org/ as you can see, the img tab-left doesn't stop e continue under the tab-left, becoming not visible this one.

This is my css code relative:

div.menu a
{
color: #FFFFFF;
}
div.top-menu
{
height: 30px;
padding: 0;
margin: 0;
text-transform: uppercase;
border-bottom: 0px;
background: url('../img/menutop_bg.gif') repeat-x;
}
div.line
{
background-color: none;
width: 760px;
height: 4px;
}
ul.search
{
margin: 0 50px 0 20px;
padding: 0;
color: #FFF;
}
ul.search li
{
padding: 0;
}
ul.search li a
{
color: #FFF;
font-size: 0.9em;
}
ul.menu
{
list-style-type:none;
margin:0;
padding:0;
}
ul.menu li
{
float: left;
margin: 0 5px;
line-height: 40px;
background-image: url('../img/tab-left.gif');
background-position: top left;
background-repeat: no-repeat;
height: 30px;
}
ul.menu li a
{
color: white;
line-height: 30px;
padding: 0 15px;
font-size: 0.75em;
font-weight: bold;
background-image: url('../img/tab-right.gif');
background-position: top right;
background-repeat: no-repeat;
float: left;
text-decoration: none;
}
ul.menu li a:hover
{
color: #10FF0F;
}
ul.menu li.active
{
font-weight: bold;
font-size: 0.75em;
background-image: url('../img/tab-left-act.gif');
background-position: top left;
background-repeat: no-repeat;
}
ul.menu li.active div
{
line-height: 30px;
padding: 0 15px;
background-image: url('../img/tab-right-act.gif');
background-position: top right;
background-repeat: no-repeat;
}


What's the problem? Do you know a solution?
Please help me! :fool:

[joelemon]

PLease help me! I insert an img to explain better my problem.

http://img183.imageshack.us/img183/3064/untitled1wa1.gif
:cry: :cry: :cry:

[pipc01]

Looks fine to me in firefox, and IE looks a promising design btw.

[joelemon]

Do you see the top-menù buttons normal? Or you see them like my imageshot?
Is the tab-right visible? Thank for the compliment and the reply!

[WTM]

Try to add this line:

display: block;

to the style for ul.menu li a

[joelemon]

I've just do it but it seems all like before..

[WTM]

Check if your tab-right.gif image on the transparent or on white background...

Make sure it is on white!!!

If you will be using some color for page background - you will need to use the same color as a background for button images.

You can see rounded angle on the right corner but if it is on the transparent background - you still will see tab-left.gif image behind it.

Redo all your images for buttons and box headers with non-transparent background.

Let me know if this help...

[pipc01]

Have you emptied your browser cache? Honestly, it looks like it should look., neat.

[joelemon]

I thank all of you for your replies, i've canghed my image solving the problem, however I also the solution of WTM is valid..

Have you emptied your browser cache? Honestly, it looks like it should look., neat.
Yes, I've just done it, but didn't happened anything..

Sorry for my English but I'm italian so my English is quite bad...

Hi to all!