[Résolu] Div flottant : problème avec le hidden

Hello !

J'ai commencé un micro projet :
Créer une map avec des tuiles en hexagones.
Sur chaque tuile, avoir la possibilité d'y mettre divers infos : type de terrain / type de joueur...

Les tuiles en hexagone c'est bon.

Le problème est que je veux que ces tuiles reste DANS le bloc parent :
http://codepen.io/anon/pen/JGQwYW

Ici les tuiles dépassent du cadre.
J'ai essayé plein de chose, comme le overflow hidden... je ne trouve pas.

effet voulu :
http://image.noelshack.com/minis/2016/08/1456159929-capture-d-ecran-2016-02-22-a-17-45-32.png

Le reste du code (JS) n'est là que pour générer la carte. Aucune liaison à une base de donnée pour le moment.


Merci pour votre aide
Mawimus
Modifié par mawimus (23 Feb 2016 - 09:20)

et en ciblant le parent ?

.map {
  width: 352px;
  height: 300px;
  border: 1px solid #000000;
  background-color: #69DCF9;
  overflow:hidden;
}

http://codepen.io/anon/pen/OMeYmy
Modifié par gcyrillus (22 Feb 2016 - 22:24)

Ca règle le problème.
Le css c'est un monde à part pour moi.

Merci gcyrillus !


PS : Je ne corrige pas dans mon codepen, avec la version de gcyrillus ça fait un avant / après.