I am having trouble with the code below, it shows an image (image1) that seems to have a small border on its sides, not reaching the most left and top of the page. Can someone provide assistance on how to fix this? Thank you in advance.
<html>
<head>
<style>
body {
background-image: url('images/main.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
border-style: none;
}
.container {
width: 100%;
height: 100%;
}
.image1 {
background-image: url('images/freero1.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="image1">
</div>
</div>
</body>
</html>