<h:head>
<title>Unique Title</title>
<style>
.top{
margin: 0;
padding: 0;
background-color: blue;
height: 15px;
width: max-content;
}
</style>
</h:head>
<h:body>
<div id="header" class="top" >
</div>
<div id="content" class="middle">
</div>
</h:body>
Trying to achieve a full colored fill for the div, but always getting a white border around. How can this be fixed?