I was working on a Magento site that a theme was purchased for and when I add some pages with my own forms, the css was fighting me the whole way. Right down to <br />’s appearing after labels and removing the ones I put with in the HTML. I decided to see if I could reset the css with in the div and found this script with in a this article here
/* selector for element and children */
#parent-element, #parent-element *, #parent-element a:hover, #parent-element a:visited, #parent-element a:active {
background: none;
border: none;
bottom: auto;
clear: none;
cursor: default;
/* didn't really know what the default for display should be*/
/*display:inline;*/
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: normal;
font-weight: normal;
height: auto;
left: auto;
letter-spacing: normal;
line-height: normal;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
overflow: visible;
position: static;
right: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
top: auto;
visibility: visible;
white-space: normal;
width: auto;
z-index: auto;
}