アメブロのDCTYPE宣言は、
<!doctype html>レンダリングモードは標準モードとなるはずであるが、念のために確認しておく。
←100px→
←100px→
1つ目が画像、2つ目が確認用の擬似3重ボックス、3つ目がW100×H100サイズのボックスに、padding、margin各10ピクセル指定し、10pixelのボーダーをつけたもの。
期待通りの表示がされている。2・3番目のボックスのソースは、以下のとおり。
<div style="background:#fc0; width:140px; height:140px; ;padding:10px;">
<div style="background:#000; width:120px; height:120px; ;padding:10px;">
<div style="background:#fff; width:100px; height:100px; ;border:10px solid #f60;">
←100px→</div></div></div>
<div style="width:100px; height:100px; margin:10px; padding:10px; border:10px solid #000;">
←100px→</div>ちなみに、アメブロの記事編集画面では残念な結果になっている（笑）