Problem with <li>

[Powlo]

I have quite a funky dropdown menu that lists all my cats and what i am attempting to do is have a small icon next to each cat (in the dropdown) which when clicked will open 'newthread' for that cat.

The problem is that i cant get the image to stay on the same line. It looks right in dreamweaver but when i put into the template it goes above or below the cat depending on where i put the image code.

Heres the code ive been using..

<li><a href="http://www.mysite.com/forum/forumdisplay.php?f=112" title="" >DVD</a>
<a href="http://www.mysite.com/forum/newthread.php?do=newthread&f=112"><img src="http://www.mysite.com/forum/images/misc/tinytick.jpeg" alt="Create new thread" width="9" height="9" border="0"></a></li>

Im sure this is possible but i need pointing in the right direction.

Tia

[Taragon]

This website has some great tutorials about this subject: http://css.maxdesign.com.au/index.htm

[Mr-Moo]

Possibly a width-issue with your CSS? Not sure, I cannot see the CSS. Double check the <li> in your CSS and let us know what it says.

[Princeton]

it all depends on how your menu is structured

tableless menu
most likely it's a CSS issue

- check for display: block or width


table menu

- check width on table/cell
- check CSS