And answer is: problem was width of one element – #joinform. I have decreased width to 463px, and now all works fine. It seems that overflow: hidden didn’t work: iPad tend to ‘show’ hidden content, and to ‘push’ elements on page, if needed. So, sum of widths shouldn’t be more than 100% in any case, … Read more
Add {} in your media query: @media only screen and (max-width : 480px){ body { background-color:white; } #columnout { background:none; background-color:#0090d7; width: 300px; height: 200px; margin-top: 210px; position:absolute; z-index:100; } #column{ width: auto; height: auto; text-align: right; margin-left: 47px; z-index: 1; margin-top: -29px; } } For more details please see this link: http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ 3 solved … Read more