Problem mit Hexagons und Text

[Dari971]

Gut. Dann beschreibe ich es nochmal so detallierte wie meoglich. Ich habe 6 einzelne Hexgagone und sie dann so positioniert. Den Code habe ich von ihr: http://csshexagon.com/ Anschliessend habe ich sie durch die Aenderung der Margin positioniert. Wenn ich jetzt - z. B. <div class="hexagon">test</div> - einen Text hinzufuege, verschiebt sich das Ganze. Wieso klappt das nicht genauso wie bei Buttons? Ich habe das Gefuhel der Text und das Hexagon werden als 2 Elemente aufgefasst, wenn mich nicht alles taeuscht.

Die Farbe des Hexagons sollte sich von dem hellblau ins rot aendern, wenn ich mit dem Cursor drueber gehe. Gehe ich mit dem Cursor runter, sollte das Hexagon wieder hellblau sein.