IEで表示されないimgにあてたpadding

せんだって見た、IDEA*IDEA『これはかっこいいぞ・・・スライドショーに激しく使えるjQuery用プラグイン「jQuery Cycle Plugin」』（参照）
を試してみた。プラグインといってもjava初心者には厳しい・・
試行錯誤、解読しながら実装できた！と思ってたら、さいごのテストとしてIEで表示させると画像の周囲の余白が表示できない・・
FirefoxではJQuery Cycle Plugin のデモサイトのように表示できる。
デモサイトではIEでも余白は表示できている。なぜ？？

.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

CSSは同じにしている。そうなると他のことかな？
ググッてみるとDOCTYPEの宣言の仕方についての書き込みがあった。たしかに見比べるとちがう。

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"＞

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"＞

宣言部分を書き直したら、デモサイトのように表示されました。ふーん。