Bild und Text bei hover tauschen

[elcomportal]

Hallo ;-((

Das habe ich jetzt und gebe jetzt auf. Ich probiere jetzt schon stundenlang. NICHTS geht. Ich habe jetzt die Schnauze voll und schmeisse den Dreck in die Ecke!

CSS:
.bild1 {
    position: absolute;
    BACKGROUND: #DF0000 url(images/content/produkte/ut_hecken.gif);
    left: 177px;
    top: 60px;
    height:28%;
    width:28%;
    border:0px;
    overflow: auto;
    background-repeat:no-repeat;
}
.bild1 a:hover {
    display: block;
    padding: 5px;
    background: #dfdfdf;
    background-repeat:no-repeat;
}
.bild1 a:hover an {
    visibility:hidden;
}

HTML
    <div class="bild1" style="Z-INDEX: 10; LEFT: 2%; VISIBILITY: inherit; POSITION: absolute; TOP: 21%;"><center>
    <a href="01_prod_05_sonder_00.htm">
    <span class="an"> hallo du da <br> test</span>
    <span class="aus"> der andere Text <br> test</span>
    </a>

Mfg
Torsten