title: Getting image and list to appear on the same line
body: <p>This is my code: <a href="http://jsfiddle.net/FMfDM/1/" rel="nofollow">http://jsfiddle.net/FMfDM/1/</a></p>
  
  <p>I can't seem to get my logo image to sit on the same line as my list, even if I put <code>display:inline</code> on the image.</p>
  
  <p>Can anyone please tell me what is the proper approach to this, since using <code>float: right</code> is also making my list items appear in reverse order!</p>