Wystarczy lekko przerobić:
<li id="controls1" class=""><a rel="0" href="java script:void(0);">1
</a></li> <li id="controls2" class=""><a rel="1" href="java script:void(0);">2
</a></li> <li id="controls3" class=""><a rel="2" href="java script:void(0);">3
</a></li> <li id="controls4" class=""><a rel="3" href="java script:void(0);">4
</a></li> <li id="controls5" class="current"><a rel="4" href="java script:void(0);">5
</a></li>
<li id="controls1" class=""><a rel="0" href="java script:void(0);">tu moja treść 1
</a></li> <li id="controls2" class=""><a rel="1" href="java script:void(0);">a tu moja treść 2
</a></li> <li id="controls3" class=""><a rel="2" href="java script:void(0);">a tu moja treść 3
</a></li> <li id="controls4" class=""><a rel="3" href="java script:void(0);">a tu moja treść 4
</a></li> <li id="controls5" class="current"><a rel="4" href="java script:void(0);">tu moja treść 5
</a></li>
plus oczywiście przeróbka stylu żeby pozycje wyświetlały się jedna pod drugą, a nie obok siebie.