CSS Margin y Padding

Compatibilizando exploradores: Firefox3, Internet Explorer 7, y Google Chrome.

Resultado en los 3 browsers:

Compatibilizando el padding, margin y border en exploradores: Firefox3, Internet Explorer 7, y Google Chrome.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<link rel=stylesheet type="text/css" href="grid.css">
<br>
<br>
<br>

<div style='width:150px;padding:70px;margin:0;border:1px solid red;overflow:hidden;background-color:#eee'>
w:150 p:70
<br>
<img src="smiley.jpg">
</div>
<div style='width:150px;margin:100px;border:1px solid red;overflow:hidden;background-color:#eee'>
w:150 m:100<br>
<img src="smiley.jpg">

</div>
<div style='width:150px;border:100px solid red;overflow:hidden;background-color:#eee'>
w:150 b:100<br>
<img src="smiley.jpg">
</div>

http://fagcode.googlepages.com/compat.htm