Doesn’t work for me. This does.

Tested in Opera 9.63 / FireFox 2.0.0.20 / IE 7.0.5730.13

— Style start —

#box {
background: #89AC10;
height: auto;
width: auto;
float: left;
padding: 0px;
margin: 0px;
}

#box .topleft {
background: url(top-left.gif) no-repeat top left;
float: left;
height: 20px;
width: 18px;
}

#box .topright {
background: url(top-right.gif) no-repeat right top;
float: right;
height: 20px;
width: 18px;
}

#box .bottomleft {
background: url(bottom-left.gif) no-repeat left bottom;
float: left;
height: 20px;
width: 18px;
}

#box .bottomright {
background: url(bottom-right.gif) no-repeat right bottom;
float: right;
height: 20px;
width: 18px;
}

#box h1{
font-size: 24px;
font-weight: bold;
line-height: 1.3em;
margin: 5px 2px;
padding: 5px 2px;
}

#box p{
margin: 0px 5px;
padding: 0px 5px;
line-height: 1.3em;
}

— Style end —

Cheers