More than one link on a line in .item-list

I'm writing a module that puts code like this in a block:

<ul>
  <li><a href="/?q=node/4">2 - Calculus</a>: <a href="/?q=node/add/school-assign/class/4">add assign.</a></li>
  <li><a href="/?q=node/1">3 - Algebra</a>: <a href="/?q=node/add/school-assign/class/1">add assign.</a></li>
</ul>
<div class="more-link"><a href="/?q=user/1/classes">more</a>

If I put just that code in a block, the two links appear on one line as I desire. However, the bullets appear outside of the sidebar and no :hover effects appear.

If I wrap the above code in <div class="item-list">...</div>, the hover effects appear, but each link is given a line of its own. The much simpler bluemarine does not exhibit this behavior.

How can I make the two links appear on one line in friendselectric (and look reasonably similar in other themes)?

Thanks for your help!