Hi all,

I am having trouble with setting the background image of a static meny item. It are all standard menu items and I am setting the style to the items as follows via CSS:

The image looks totally messed. It is spread across the menuitem. Please let me know how I should set the image for my background, including a repeater.

 Just looking at my current project, I don't use Background-image. It is just background: url(....);

 Haven't tried it the other way.

Try to put the following line after your background-image. It will prevent the image to tile in both x and y direction.

background-repeat: no-repeat;

I have tried both solutions, but no success. I want an image to be repeated across the width of the button.

Hi,

Do you want to pull the image to fill the area of the menuitem?

You can try to use the filter to stretch the image, for example:

  .staticMenuItem
{
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='../image/button-search.gif',sizingMethod='scale');
}

Oh yeah, the other solutions didn't help me either.