It appears that the position element has been added unnecessarily to several elements. While it may be useful for visual editing, removing these attributes when going live may actually improve functionality.
It is important to remember in HTML that attributes do not always require values unless modifications are necessary.
Upon examining your code, it seems that the min-height value has not been utilized correctly. Removing it and letting the height adjust automatically based on content may be more appropriate.
Here is your current code:
#contentBox {
position:relative;
float:right;
width: 575px;
min-height: 500px;
padding: 20px;
text-align: left;
color: #333333;
background-color: #fff;
background-attachment: fixed;
background-image: url(images/logo_box.png);
background-repeat: no-repeat;
background-position: bottom right;
}
My suggestion would be to...
Remove min-height: 500px; and position: relative;
and replace with height: auto;
OR
Manually increase the min-height value to 500px+.
#contentBox {
height: auto;
float:right;
width: 575px;
padding: 20px;
text-align: left;
color: #333333;
background-color: #fff;
background-attachment: fixed;
background-image: url(images/logo_box.png);
background-repeat: no-repeat;
background-position: bottom right;
}
(Remove the unnecessary position attributes and rely on margins and padding. If any issues arise, adjust specific elements accordingly.
I hope this advice proves helpful!