背景图片仅在Android浏览器上无法正确显示

Question

I am trying to create my first responsive web site using bootstrap library on visual 2010.Background of my Login page is an image displayed in the hole page. That's why I have used viewPort to adjust it on mobile phones... <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> It works fine on all browsers and IOS devices, but for Android devices it is not working properly. There is a white space in the bottom of each Android screen. How can I remove this white space and display the image correctly on android browsers? Attached are 2 screenshots from android and IOS devices.

Update: Below is my css class of my body:

.imgBack { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
    background-size: cover; 
}

Answer 1

Try to add:

html{
    height:100%;
    min-height:100%;
}
body{
    min-height:100%;
}