css rollover menu

[pneudralics]

I can't seem to align IMAGE with link. I want it to look like this:
IMAGE link

Ran out of ideas...anyone? I just keep on getting this:
IMAGE
link

[code]

<style type="text/css">
table.messagecenter a {
width:125px;
border:1px solid #333333;
display: block;
}

div.messagecenter a {
color: #333333;
background: #ffffff;
text-decoration:none;
font-size:11px;
line-height:16px;
font-family: Tahoma, verdana, sans-serif;
padding: 2px 5px;
}

div.messagecenter a:link {
color: #333333;
background: #cccc99;
}

div.messagecenter a:active {
color: #000000;
background: #cccc99;
}

div.messagecenter a:visited {
color: #333333;
background: #cccc99;
}

div.messagecenter a:hover {
color: #eeeeee;
background: #333333;
border:1px solid #000000;
}

</style>

<div class="messagecenter">
<table summary="" cellpadding="1" cellspacing="1" class="messagecenter">
<tr>
<td>IMAGE linnk</td>
</tr>
<tr>
<td>IMAGE link</td>
</tr>
<tr>
<td>IMAGE link</td>
</tr>
</table>
</div>
[/code]

[moberemk]

Just give the image a float: left; property.

[pneudralics]

Cool thanks. Couldn't get the image inside with the link it looks like this:
IMAGE [link]

All I'm gonna do is match the border with the background color.