multidimensionale liste "horizontalisieren"

[peter]

hallo :)

ich habe eine liste die so aufgebaut ist:

  
<ul>  
    <li>  
        <a href="#">überschrift</a>  
        <ul>  
            <li>menüpunkt</li>  
            <li>menüpunkt</li>  
        </ul>  
    </li>  
    <li>  
        <a href="#">überschrift</a>  
        <ul>  
            <li>menüpunkt</li>  
            <li>menüpunkt</li>  
        </ul>  
    </li>  
</ul>

der gewünschte effekt wäre, dass alles in einer zeile wäre und die überschriften fett oder so sind.

versucht habe ich jetzt schon alles mögliche (display:inline, float:left mit width:200px, usw - nat sowohl auf li > a, als auch li), aber ich kann den gewünschten effekt einfach nicht erzielen :/

kurz: ich stehe im moment voll an - könnte mir bitte jemand einen kleinen denkanstoß geben..? :) danke schon mal im voraus