I have a php call that will list a row of members with text next to their profile image. However I am having a heck of a time figuring out how to make this list so it aligns right.

HTML

<div id='bulletin'>
{section name=buletin_loop loop=$buletin max=5}
<ul>
<li>
<h1>
<a href="{$buletin[buletin_loop].buletinusername}">
<img src="uploads_user/1000/{$buletin[buletin_loop].buletinuserid}/{$buletin[buletin_loop].buletinphoto}" width="48" height="48"></a>
</h1> 
<p>
posted by <a href="{$buletin[buletin_loop].buletinusername}">{$buletin[buletin_loop].buletinusername}</a>   
  {$buletin[buletin_loop].buletindate}
</p>
<p>
<a href="bulletin_entry.php?user={$buletin[buletin_loop].buletinusername}&bulletinentry_id={$buletin[buletin_loop].buletinid}">
{$buletin[buletin_loop].buletintitle}
</a>
</p>
</li>
</ul>
{/section}
</div>

CSS

#bulletin {
float:left;
margin-top:2em;
margin-bottom:5em;
}
ul #bulletin {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#bulletin li{
margin-left:-1em;
padding:10pt;
position:relative;
width:300px;
height:50pt;
overflow:hidden;
}
#bulletin img {
left:0;
top:0;
position:absolute;
float:left;
border: 1px solid #53759e;
padding:3pt;
background-color:#FFFFFF;
}
#bulletin h1 {
background-color:#DFEEF3;
margin:0px 10px 0px 10px;
padding:10px;
}

Here is a visual.

A live page we can look at is preferable, so we could see the document type, and use Firebug.

Sure no problem. I tried Firebug myself but I guess I could not figure it out.

http://502link.com/?test

I would do one of 2 things: put the image in as a list item, then the text as a list item. Float them both left and adjust margins/padding as needed. OR

Use a definition list instead.