Bild resizable und mit MouseOver Effekt

[csigg]

Hallo,
ich hab ein kleines Problem mit CSS:
Ich wollte eine Tabelle machen mit Buttons (als Bild), welche immer so groß sind wie Zelle der Tabelle, und sich beim überfahren mit der Maus ändern.
Jetzt hab ich dass Problem, wenn ich in der Zelle ein <a href="#" class="button"> mache, kann ich zwar die Buttons über :active,... zuweisen, dass sie sich beim überfahren mit der Maus ändern, aber die Größe der Buttons passt sich nicht an die Tabelle an.
Wenn ich die Bilder als img-Tag hinterlege, bekomme ich sie in der größe wie ich will, allerdings hab ich dann wieder kein Mouse-Over Effekt, da ich kein JavaScript verwenden darf/kann.
Hat hier jemand ne Idee wie ich beides hinbekomme?

 

[Space Vampire]

ich glaub ich versteh das problem nicht.

gib den betreffenden zellen eine feste breite und höhe (in der größe der beiden hover-bilder)
dann definierst du die beiden bilder

.zelle1 {
width: 100px;
height: 20px;
background-image:url("start-bild.jpg");
}
.zelle1:hover {
background-image:url("hover-bild.jpg");
}

den link legst du auf einen text oder ein transparentes image IN der zelle und nicht AUF die zelle