html - @media query responsive CSS diplay table to block or inline disappearing with small screen -

in example responsive css, display:table block or inline makes div's disappear.

updated: simplified code: http://jsfiddle.net/sebababi/434ja/1/

@media(max-width:767px){     #sidebar, #map_canvas, #main, #header,#nav {       display:block !important;     } } 

updated: shouldn't disappear, instead should act div blocks, , pile up. so, doing wrong. when check console, says still display:table.

once media rule kicks in , removes table display, position: absolute kicks in , moves elements off screen. remove position: absolute or this:

@media screen , (max-width:767px){     #sidebar, #map_canvas, #main, #header,#nav {       display:block !important;       position: static;     } }