Question

I’m having a real hard time trying to figure out how to fix this css issue. I’m trying to fix what’s in the 3rd table content that is the compose new pm message form so that it doens’t have any space between the form and the outer content just like it is on the template that says Form with Alternative Style in the form heading. I can’t fix the content class rule because that completely messes up the rest of the page and you can see that if you go back to one of the other two tabs.

Template: http://www.kansasoutlawwrestling.com/peach/forms.html

My Page JSfiddle: http://jsfiddle.net/MtzqR/

Answer 1

The parent element has left and right padding and the child divs are using negative margins to compensate (not ideal but it works). Applying the same negative margins seems to work:

.box .content2.no-padding {
    margin: 0 -11px; /* Apply -11px margins to left and right sides */
}