CSS Am Bottom ausrichten

<div id="navi">




[img]bilder/logo.jpg[/img]


<div id="links">






<span class="navi">[url='restaurant.htm']&raquo; Restaurant / Weinstube[/url]</span>
<span class="navi">[url='speisen/index.htm']&raquo; Speisekarte[/url]</span>
<span class="navi">[url='wein/index.htm']&raquo; Weinkarte[/url]</span>


<span class="navi">[url='partyservice/index.htm']&raquo; Partyservice[/url]</span>
</p>










<span class="navi">[url='veranstaltungen.htm']&raquo; Veranstaltungskalender[/url]</span>
<span class="navi">[url='galerie/index.htm']&raquo; Bildergalerien[/url]</span>
</p>










[b]&Ouml;ffnungszeiten:[/b]




Di. - Fr. ab 17.00 Uhr, 


Sa. + So. ab 11.00 Uhr


Mo. Ruhetag






[b]Fr&uuml;hjahr bis Herbst


ab 11.00 Uhr 


ohne Ruhetag






[b]Tel. (0 71 51) 4 42 36[/b]


</p>
</div>
<div style="margin:auto 0 0 0;padding:0 0 0 0;">
[img]bilder/bg_navi_end.gif[/img]
</div>
</div>

#navi {
position: fixed;
top: 0px;left: 0;height: 700px; width:310px;
background-image: url(bilder/bg_navi.gif);
float: left;
}
#links {
margin: 0 80px 0 90px;
font-family: Arial, Helvetica, serif;
font-size:11px;
color:#fff;
}
.navi {
display: block;
height:19px;
margin-top:4px;
border-bottom:1px solid #fff;
}