Code in post not displaying properly

While goofing off I pasted the results from one of those wee games/test/what-have-you into a post on my blog. It did not appear as planned. This one was the “What is your blog worth?” gizmo you may have seen on other blogs.

While it isn’t really important to me – or anyone else – if this displays properly, I’m insanely curious as to WHY it isn’t working. Here is the code…

[code]
<div style="border: 1px solid #cccccc; background-color: white; width: 115px; text-align: center; padding: 0 0 10px 0;"><p style="margin: 0"><img src="http://static.flickr.com/23/25822676_789bf55448_t.jpg" style="border:0;"/>
<span style="font-size: 11px;">My blog is worth <b>$81,293.76</b>.</span>
<span style="font-size: 10px;">How much is your blog worth?</span><img src="http://technorati.com/pix/tech-logo-embed.gif" style="border: 0px;"/></div>
[/code]

Any ideas? I just want to learn from what appears to be a mistake somewhere.
Thanks!