Is there a way to fix the issue of the content div overlapping the logo div when resizing the browser window? I would like the logo to resize along with the window.
@charset "utf-8";
/* CSS Document */
html, body {
background-color:#ffffff;
margin:0;
padding:0;
height:100%;
width:100%;
}
#content {
height:74%;
background-color:#7d6961;
width:100%;
position:relative;
top: 10%;
}
#logo {
background-image:url(logo.png);
background-repeat:no-repeat;
position:absolute;
left: 9%;
top: 5%;
right: 2%;
bottom: 21%;
width: 77%;
height: 65%;
}