CSS positionierung à la table

Ok, habs jetzt mit einer Tabelle gelöst, funktioniert jetzt auch mit ein paar Umwegen.

Aber, da mir die Lösung nicht gefällt...
Dabei gehts nur um ein blödes Detail.

Das hab ich momentan, da ich mit <div>'s es einfach nicht geschafft hab

<table border="0" class="noborder" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td class="text">
                {$news_content[count]}
                </td>


                <td align="right" width="14">
                    <a><img src="siteimg/arrows/arrow-up.jpg" class="noborder" /></a>
                </td>
            </tr>
        </table>

das ist der im Bild blau eingerahmte Bereich, die Pfeile müssen den selben Abstand haben - soweit auch mit divs kein Problem. Aber wie zum geier kann ich ohne JS den unteren Pfeil auch bündig mit dem Text ganz unten positionieren?

Bisher hab ich nur irgendwelchen blödsinn von vertical-align gelesen - dafür aber nicht geeignet - kennt jemand einen Weg, oder muss man derzeit immer noch auf tables zugreifen?

Danke dafür, aber es ging mir eigentlich letztendlich um ein Element

ein Background allein kann man nicht anklickbar machen, eigtl kann man damit nichts außer ihn zu verändern.

Scheinbar ist das noch nicht drin, zumindest keine Allgemeine Lösung.

Naja, immerhin kann ich die Deko ausrichtien, also nochmal danke.

*Duh* so offensichtlich...

Danke, manchmal sieht man wohl den Wald vor lauter bäumen nicht.

Beispiel, fals jemand auch drüber stolpern sollte

<div style="width: 200px">
    <div style="width: 180px">
        text<br />
        text<br />
        text<br />
        text<br /><br />
        text
    </div>
    <div style="width: 20px; height: 20px; margin-left: 180px; margin-top:-20px;">
        <!-- egal was fürn Element -->
        <a>hi</a>
    </div>
</div>