Hi I have a dropdown css menu which has an image nect to certain cells that have a sub menu.

At the moment the image bullet/arrow is around 20px to the right of the text. I would like to change that so that the bullet is on one neat line, rather than being placed 20px after the text, I want to to be exactly 15px from the right of the cell.

The current code is

ul.dropdown-horizontal ul *.dir {
padding-right: 20px;
background-image: url(nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;

Any suggestions on how I can change that?

The website url is in my sig if you want to look at what I'm talking about the css files related to the dropdown menu is dropdown.css and default.css

Thanks

}

Using Chrome's inspect element, I moved the class "dir" from the <a> to the <li> and it appeared to give the effect you requested.

Hi,
Try with instead of giving % with pixels in background