I felt kind of bad for just doing the "it doesn't validate cry", so here's the validated code for the template.
Code:
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" id="collapse_block_html" href="{vb:raw relpath}#top"><img alt="" src="{vb:stylevar imgdir_button}/collapse_40b.png" id="collapseimg_html" /></a>
<span class="blocktitle"><img src="{vb:stylevar imgdir_misc}/users_online.png" alt="{vb:rawphrase bop5_staff_online}" />{vb:rawphrase bop5_staff_online}</span>
</div>
<div id="block_html" class="blockbody floatcontainer">
<div class="blockrow">
<ol class="bop5staffol">
<vb:each from="content.activestaff" value="staffon">
<li class="bop5staffli">
<vb:if condition="$staffon['showav']">
<img src="{vb:raw staffon.avatarurl}" border="0" alt="" class="bop5staffimg" />
</vb:if>
{vb:stylevar dirmark}
<div class="bop5staffuser">
<vb:if condition="$staffon['none']">
{vb:raw staffon.username}
<vb:else />
<a class="username" href="{vb:link member, {vb:raw staffon}}">{vb:raw staffon.musername}</a>{vb:raw staffon.invisiblemark}{vb:raw staffon.buddymark}
</vb:if>
</div>
{vb:raw staffon.usertitle}
<hr class="bop5staffhr" />
</li>
</vb:each>
</ol>
</div>
</div>
</div>
<div class="underblock"></div>
</li>
You can see it working here:
http://www.pipesmokerscubby.com/forum.php