html - div overflow is hidden but still can scroll using keyboard right arrow key -


i have strange problem , sure, know css issue can't figure out exact problem.

in browser cannot see 'whatwedo_container' it's parent div overflow hidden when press right key or in ipad when scroll horizontally white space viewable.

my html code

<div class="aboutus">     <div class="about_container">some visible content</div>     <div class="whatwedo_container">some hidden content</div> </div> 

css

.aboutus {     background: #20407b;     margin-top: 0;     overflow: hidden;     width:100% } .about_container {     margin: 170px auto 0;     position: relative;     width: 1100px;     background:green; } .whatwedo_container {     background: none repeat scroll 0 0 transparent;     position: absolute;     right: -100%;     width: 100%;     overflow:hidden;     background:red; } 

jsfiddle : http://jsfiddle.net/squidraj/wsyfh/

any please.thanks in advance.

add position: relative; .aboutus

check http://jsfiddle.net/wsyfh/2/


Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -