hurz: grafik top und bottom im <td>

Beitrag lesen

morgen zusammen,

ich würde gerne in einem <td> eine grafik stets ganz oben ausrichten und eine weitere stets ganz unten. ist das so möglich? anbei mal der entsprechende code (gemeint ist die 'announce' - <td>):

-------------------------------
html sieht wie folgt aus:

<table class="norm" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" colspan="3" class="navmain">

  • navigation -
    </td>

<td valign="top" width="20">
 
</td>

<td valign="top" rowspan="3" class="announce">
grafik oben (über css als background-image eingebunden)

  • text text text -

grafik unten (gar nicht eingebunden :))
</td>
</tr>

<tr>
<td valign="top" class="navsub">

  • subnavigation -
    </td>

<td valign="top" width="25">
 
</td>

<td valign="top" class="middlebox">

  • text text text -
    </td>
    </tr>

<tr>
<td valign="top" colspan="3" class="footer">

  • footer -
    </td>
    </tr>
    </table>

--------------------
css sieht wie folgt aus:

.norm {font-size:10px;line-height:15px;width:775px;}

.middlebox {border-right:1px solid white;padding-top:45px;padding-right:50px;width:390px;}

.navmain {border-top:1px solid white;border-right:1px solid white;padding-left:10px;padding-top:3px;padding-bottom:15px;font-weight:bold;font-size:10px;}

.navsub {padding-top:15px;padding-left:10px;width:130px;}

.announce {width:150px;background-color:#660000;color:white;text-align:center;background-image:url(oben.gif);background-repeat:no-repeat;}

.footer {font-size:9px;text-align:center;padding:15px;padding-top:35px;border-right:1px solid white;}

würde mich sehr über vorschläge freuen. :)
dank euch.