Problem mit Hexagons und Text

[Dari971]

Hey, ich habe gerade angefangen, mir eine eigene Website zu bauen.

Mein Problem ist nun folgendes, ich habe 6 Hexagons: http://imgur.com/Y4zRhjZ

Ich wuerde jetzt gerne etwas in jedes Hexagon schreiben, aber dann passiert das: http://imgur.com/RRa6kL7 Ich habe leider keine Ahnung, wie dies zu stande kommt, dass der Text, das Hexagon so verschiebt.

Sollte dies dann geloest sein, wuerde ich gerne, wenn man mit dem Hover ueber das Hexagon geht, dass es die Farbe aendert. Ich habe es mit .hexagon:hover{ color:red;} versucht. Klappt nicht. Opacity:0; jedoch klappt.

Beste Gruesse