css overlapping content wanted

Question

Unlike most questions about overlapping content seen here, I would actually like content to overlap!

Here is my page. Try typing "USA Riverbrooke". Returned content pushes down the map. What css syntax can allow the returned content to slide down and overlap the map?

http://tinyurl.com/ycblkkz

Answer 1

make the #message div position:absolute and give it a z-index greater than 0. It will show up on top of the map. You should then give it a non-transparent background so it stays readable.

Answer 2

Make #message position: absolute; but also put it inside the same parent as the map, set left: 0; top: 0; on it, and set position: relative; on the parent. You shouldn't need to mess with z-index.