Setting the body and div to have the same height and width in my CSS:
body {
background-repeat: no-repeat;
background-color: maroon;
width: 1280px;
height: 670px;
margin: 0;
}
div {
background-color: yellow;
width: 1280px;
height: 670px;
}
And here is my HTML:
<body>
<div id='slider4' class='swipe'>
<div>
<div style='display:block' >1</div>
<div style='display:none'><div>2</div></div>
</div>
</body>
However, when I view it in Firefox, the display doesn't match up. The size of the HTML, body, and divs all seem to be the same, and the red color extends beyond the yellow.