I'm just trying to understanding why my padding isn't being honored on the right side of this example. Thanks guys.

s

Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>DIV PADDING</title>
</head>
 
<body>
 
<div style="border: 3px BLACK SOLID; text-align: center;">
 
<div style="background-color: rgb(143, 144, 130);">
<span style="color: rgb(0, 0, 0); font-size: 30px; font-family: LUCIDA CONSOLE; font-weight: bold;">DIV PADDING</span>
</div>
 
<div style="border-top: 3px BLACK SOLID; background-color: rgb(198, 199, 185); text-align: center; padding: 28px;">
<img src="http://cs.stanford.edu/people/hillerm/Pictures/PanoramaPics/PanoramaTrail_Pano_resize.jpg" style="border: 10px SOLID rgb(143, 144, 130)" width="100%" alt="">
</div>
 
</div>
 
</body>
</html>