I am beginner to css and want to set an image on background. I am trying to set image height fit to screen without cropping image. I simply want scrollbar to get disappeared. here is code

```
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .bgimage {
            background-position: center center;
margin: 0px 0px 0px 0px;
background-image:  url('Images/56216134.jpg');
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
height: 1000px;
padding: 0px 0px 0px 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="bgimage">
        </div>
    </form>
</body>
</html>

```

[![o](https://i.stack.imgur.com/HnYxp.jpg)](https://i.stack.imgur.com/HnYxp.jpg)

[![enter image description here](https://i.stack.imgur.com/zLvCd.png)](https://i.stack.imgur.com/zLvCd.png)