Image moves under

[myself1]

Hi,
I am trying to place an image after a link (in a table), but the iage shifts down onto another line. Heres the code:

<TD class=menuNav><a href="mat.asp?nik=home">Home</a><img src="/images/new.gif" width="31" height="12" border="0"></TD>

CSS:

.menuNav A {
	DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: #eeeeee; MARGIN: 0px 0px 1px; WIDTH: 150px; COLOR: #555555; LINE-HEIGHT: 20px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.menuNav A:link, A:visited {
	COLOR: #555555; TEXT-DECORATION: none
}
.menuNav A:hover {
	BACKGROUND: #6666CC;
	font-weight: bold; COLOR: white;
}

Anythng obvvious? TIA

[BonRouge]

Yes - 'display:block'.

[myself1]

Do I need to change that then? To what?
Thanks

[BonRouge]

Just remove it.

[myself1]

Ok, I've removed it, now the background color (BACKGROUND: #eeeeee, only colours the text (ie the link).

So basically the text is all #eeeeee in colour, and the image I am placing is shown as all white. Make sense?

[BonRouge]

OK. Change it to 'float:left;'.