title: Moving text links closer together blocks some of the links
body: <p>I have a problem with my vertical menu. </p>
  
  <p>I want my menu to look something like this ( <a href="http://svinehytten.dk/test/" rel="nofollow">http://svinehytten.dk/test/</a> ), but as you see "link2" gets in the way for clicking "link1".</p>
  
  <p>I'm using <code>span</code>s to control the text, but I am open to any sugestions (I need it to validate perfectly as xhtml 1.0)</p>
  
  <p>I have tried different ways to work around, even tried to make <code>div</code>s and turn them into links with javascript, but no matter what solution I try, the bigger text-pieces get in the way of the others.</p>
  
  <p>Anyone has any ideas? is it possible to "send to back" or make the smaller link the primary one?</p>