css chevauchant le contenu voulu

Question

Contrairement à la plupart des questions sur le chevauchement du contenu vu ici, je voudrais réellement que le contenu se chevauchent!

Voici ma page. Essayez de taper "USA Riverbrooke". Le contenu renvoyé pousse la carte vers le bas. Quelle syntaxe css peut permettre au contenu retourné de glisser vers le bas et de chevaucher la carte?

http://tinyurl.com/ycblkkz

Answer 1

faire la #message div position:absolute et lui donner un z-index supérieur à 0. Il apparaîtra au-dessus de la carte. Vous devriez alors lui donner un fond non transparent pour qu'il reste lisible.

Answer 2

Marque #message position: absolute; mais aussi le mettre dans le même parent que la carte, définissez left: 0; top: 0; sur elle, et mis position: relative; sur le parent. Vous ne devriez pas avoir besoin de jouer avec z-index.