Page is a not externally linkable
rocknbil - 4:43 pm on Sep 8, 2011 (gmt 0)
I think I see it. You have 0 auto on #contact-form, which is your container div, (confusing name though :-) ) but it is set to position:absolute without coordinates, which defaults to 0 0 (top left.) Then you have this:
form {
margin: 0;
position: absolute;
top: 373px;
right: 52px;
width: 451px;
height: 192px;
}
Absolute positioning takes the element out of the normal flow of the document **unless** the parent element has a positioning selector. So even if you remove position:absolute from #contact-form, it may still pop out of the container. Try adding
position: relative
to the selector for #contact-form. This should contain form inside #contact-form:
#contact-form {
width: 800px;
margin: 0 auto;
min-height: 600px;
padding:20px;
margin: 50px auto;
border: 6px none #3194ce;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
/*position:absolute; <-- no */
position: relative;
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}