I encountered an issue with my HTML code that I tested on both Chrome and Firefox. The background color of the first div is not displaying correctly in either browser.
.box-orange {
// without any position declaration
background: orange;
height: 100px;
width: 100px;
border: 1px solid blue;
}
.box-red {
background: green;
height: 100px;
width: 100px;
border: 1px solid red;
}
<html>
<head>
</head>
<body>
<div class="box-orange"></div>
<div class="box-red"></div>
</body>
</html>
Could someone please help me identify the issue?