フィットするようにパッドを調整する

Question

このCSSの問題を解決するには本当に苦労しています。私は3番目のテーブルの内容を修正しようとしています。これは、新しいpmメッセージのフォームを構成するもので、フォームと外部コンテンツの間にスペースはありません。フォームの見出し。私はコンテンツクラスルールを修正できません。これはページの残りの部分を完全に駄目にし、他の2つのタブのいずれかに戻ると見ることができます。

テンプレート：http://www.kansasoutlawwrestling.com/peach/forms.html

マイページJSfiddle：http://jsfiddle.net/MtzqR/

Answer 1

親要素が左右のパディングと子のdivが負のマージンを使用していました補償する（理想的ではないが動作する）。同じ負のマージンを適用することで動作するようです：

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

Answer 2

しようとすると、次のように設定します。

.box .content2, 
ul.block-list { 
    margin: 0; 
}