Listing display Problem

[unleash]

I am trying to make like in the image below



But Mine is not coming like in the image above you can check my preview by clicking the link below:

Preview here

You can check my HTML code from view source

My CSS:

#authorlist { margin-bottom: 24px; min-height: 24px; overflow: hidden; width: 280px; }
#authorlist .members { border-bottom: 1px #BFD4E4 dashed; float: left; overflow: hidden; padding: 8px 0 5px; }
#authorlist   .members img.photo { width: 25px; height: 25px; float: left; margin: 0 15px 0 0; padding: 3px; border: 1px #BFD4E4 solid; margin-right: 10px; }
#authorlist .members a { font-size: 12px; font-weight: bold; line-height: 36px; }

[abduraooft]

You need to fix the errors in your markup, see http://validator.w3.org/check?verbos...Fpage_id%3D162

Error Line 116, Column 25: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag

<div class="members"><li><a href="http://ibad.info/blog/?author=1"><img alt='' …

You can't nest a list item inside an element other than <ul> or <ol>

[unleash]

I fixed this - what's the next step now? it looking more worst then before now!

[unleash]

Still waiting anyone please!

[abduraooft]

I fixed this

Now remove float from #authorlist img.photo