I am creating a menu that needs to have a samll image left aligned followed by a small bit of text and on the same line about 10 spaces over I need to right align another small image, but with the code listed below the right aligned image is dropping to the next line and right aligning. Any ideas?

<div id="sidebar">

<ul class="sidemenu">

<li><a href="Blue.html"><img src="images/logo.gif" /> LOGO </a> <img src="images/logo.gif" class="float-right" /></li>
<li><a href="Blue.html"><img src="images/logo2.gif" /> LOGO2</a> <img src="images/logo2.gif" class="float-right" /></li>
</ul>

</div>



CSS
.float-right { float: right; }