javascript - アコーディオン要素間のパディングを削除

Question

アコーディオンの要素間のパディングを削除しようとしています。

使用例: http://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#layout-accordion削除するだけで左右のパディングを削除できました:

.x-accordion-layout-ct {
padding: 5px 5px 0;
}

編集: 私はコードを介してこの部分を行うことができました(これをExt.defineに追加します):

bodyStyle: 'padding: 0',

しかし、要素間のパディングを削除することはできません:

私はすべてを絞ろうとしているので、それらのパディングを消したいと思います。

理想的には、次のようなものを取得したいと思います。

コードまたは CSS を介して残りのパディングを削除するにはどうすればよいですか?

編集:これはほぼ完璧なバージョンです (@David Thomas に感謝): http://jsfiddle.net/cPQz9/

これは私が使用したCSSです：

.x-panel {
    margin: 0;
}
.x-accordion-layout-ct {
padding: 0;
}
.x-accordion-item:not(:last-child) {
    border-bottom: 1px solid red;
}

しかし、ブラウザーの互換性が心配です。最後のセレクターはすべてのブラウザーで機能するとは限りません。