Mehrere Div im Div nebeneinander

[Kuroah]

Ok also ich hab des jetzt mal so gemacht.
Es klappt zwar jetzt im IE und Firefox. Das einzige Problem das ich habe ist dass die Links im Div-Container ganz oben kleben. Wie bekomme ich die vertikal ganz runter, quasi zum Div bottom?

Der Code:

<div class="link_se_kasten">
<a class="blinks" href="Startseite">Startseite</a>
<a class="blinks" href="Sitemap">Sitemap</a>
<a class="blinks" href="Impressum">Impressum</a>
<a class="blinks" href="mailer">Kontakt</a>
</div>

CSS:
a.blinks:link, a.blinks:visited, a.blinks:active {
    float: left;
    width: 60px;
    color: #dddddd;
    background-color: #157f94;
    font-family: verdana;
    font-size: 7pt;
    font-style: bold;
    text-align: center;
    text-decoration: none;
    padding: 2px;
    margin-left: 2px;
    border:solid 1px;
    border-left-color: #dddddd;
    border-right-color: #dddddd;
    border-top-color: #dddddd;
    border-bottom-color: #157f94;
}
a.blinks:hover {
    float: left;
    width: 60px;
    color: #ffffff;
    background-color: #aa0000;
    font-family: verdana;
    font-size: 7pt;
    font-style: bold;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    border:solid 1px;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom-color: #aa0000;
}

.link_se_kasten
{
    display: block;
    position: relative;
    background-color: #359fb4;
    width: 750px;
    height: 24px;
    margin-top: 4px;
    padding: 0px;
    border:solid 1px;
    border-left-color: #dddddd;
    border-right-color: #dddddd;
    border-top-color: #dddddd;
    border-bottom-color: #dddddd;
}