CSS spørgsmål

Hej

Jeg er i tvivl om hvordan jeg centrerer en tekst i et givent CSS "tag"

Jeg har flg. kode:

.cssnav
{
position: relative;
font-family: Verdana;
background: url(../images/buttons/button1.png) no-repeat;
white-space: nowrap;
display: block;
width: 179px;
height: 48px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
font-size: 18px;
font-weight: bold;
width: 179px;
height: 48px;
display: block;
color: #000000;
text-decoration: none;
}

.cssnav img
{
width: 179px;
height: 48px;
border: 0;
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 11px;
cursor: pointer;
}

Hvilket bruges på flg. måde:
<div class="cssnav"><img src="images/buttons/button2.png"><span>Tekst</span></div>

Pt. har jeg forsøgt at placere teksten nogenlunde centreret vertikalt og horisontalt i forhold til elementet, men uden held. Jeg ønsker altså at centrere teksten lige præcis i midten af mit CSS element både horisontalt og vertikalt.

Det er sikkert en lille ting, men jeg ved ikke hvad jeg skal søge på og jeg har forsøgt mig med de gængse metoder jeg kender - uden held.

Any inputs? På forhånd tak!