Positionieren in Css

[Juro]

Hi,
Ich habe ein Problem mit dem Positionieren von Elementen per CSS. Ich habe folgende CSS-Definition:

table.main {
	padding:            0px;
	margin:             0px;
}

table.main td.language {
    text-decoration:        none;
    vertical-align:         top;
    text-align:             middle;
}
a.language {
    font-weight:            bold;
    font-size:               14px;
    line-height:             49px;
    height:                  49px;
    width:                  107px;
    color:                  #FFFFFF;
    background-image:       url("img/buttons/button_fahnen.gif");
    background-color:       #42965A;
    text-decoration:        none;
    text-align:             left;
    vertical-align:         middle;
}
a.language:hover {
    text-decoration:        none;
    background-image:       url("img/buttons/button_fahnen_down.gif");
}

Und die Seite dazu schaut so aus:
www.juro.at/test/test.htm
Das Problem ist, daß ich den Text und (!) die Fahne als Link haben möchte, daher habe ich alles in ein "A HREF" eingebettet. Leider kann ich dann aber die Fahne nicht mit dem Text vertikal mittig anordnen und auch eine horizontale mittige Ausrichtung ist nicht möglich.

Hat jemand eine Idee, wie ich das mit CSS lösen kann, damit das Ganze so ausschaut:
www.juro.at/test/soll.htm
?

Danke für Eure Beiträge

mfg
juro