Links horizontal ausrichten

Hallo Gemeinde

Ich hab durch mehr oder weniger googeln hier her gefunden. Denn ich bin so Langsam am verzweifeln. Ich wollte mir für mein WP Blog eine Bookmark Liste erstellen. Die unter jedem Beitrag eben erscheint. Die einzelnen Dienste sollten nebeneinander sein. Nur bekomme ich es nicht hin. Ich habe hin und her probiert sie Icons bzw.Linksymbole ordnen sich immer untereinander ein. Im moment ist der Code folgendermassen:

<ul id="bookmark">
      <li>
        <a href="http://feeds2.feedburner.com/" title="Full RSS Feed">
            <img class="small" src="/images/RSS.png" alt="Full RSS" />
            </a>
      </li>
      <li>
        <script type="text/javascript">url_site='<?php the_permalink(); ?>'; </script> <script src="http://designbump.com/sites/all/modules/drigg_external/js/button.js" type="text/javascript"></script> 
        </a>
      </li>
      <li>
        <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
        </a>
      </li>................
...........

Und die CSS:

#bookmark {
    display: inline;
    list-style: none;
    margin: 5px 0px 0px;
    padding: 0px;
}

Ich muss dazu sagen das dies nun der Code ist wo ich jetzt schon fast denn ganzen daran gebastelt habe und es wurde schlimmer und nicht besser. Und es kommt noch dazu das ich in solchen sachen absoluter Anfänger bin. Und ich nicht mal weiß ob das mit Html zu CSS so überhaupt passt Aber ich hoffe mal das mir jemand vielleicht ein Tipp geben könnte.

Bedanke mich schon mal und vielleicht hat jemand Rat.

Danke für die Antwort. Aber entweder mache ich etwas falsch oder es ist ein Fehler dabei der mir alles blockt. Code sieht nun so aus:

<div class="bookmark">
                                        <ul><li><a href="http://feeds2.feedburner.com/" align="left" title="Full RSS Feed"><img class="small" src="images/RSS.png" alt="Full RSS" /></li>
<li><a><href="http://facebook.com/" title="I'm on Facebook"><img class="small" src="images/Facebook.png" alt="I'm on Facebook" /></li>
<li><a href="http://designbump.com/node/add/drigg/?url=" title="I'm on Facebook"><img class="small" src="images/designbump.png"  alt="I'm on Facebook" /></li></a></ul></div>

Und die CSS:

#bookmark li {
    display: inline;
    list-style: none;
    margin: 5px 0px 0px;
    padding: 0px;

}

Aber es ist wird nicht nebeneinander sondern untereinander angezeigt. Ich habe auch schon Zahlreiche änderungen an der Css gemacht aber der gewünschte effekt war nicht dabei.

Danke für denn Hinweiß. Ich hatte aber beides probiert. Einmal mit . und einmal mit #. Da ich nicht wußte wie dies zusammen hängt. Aber funktioniert hat beides nicht.

Danke erstmal für die Antwort. Werde jetzt nochmal versuchen es einzubauen. Die CSS müsste Ordentlich eingebunden sein. Werde dann berichten ob es Funktioniert.