ideonexus.com
Also, to get anything accomplished you have to combine HTML, CSS, and Javascript. None of them were originally intended to do the things we're doing with them now in terms of layout or interactivity.
It is, intrinsically, a hack. The original design and implementation of its scripting language was a two-week rush-job. It embraces XML while using a more YAML-like syntax for styling.
It's gotten better but only by the sheer force of an entire industry dedicated to swimming up-stream.
I think for those starting out it feels a lot like hacking and kludging, until you get your preferred libraries and methods worked out then you forget about how hacked up and kludged the process is. :-D
Secondly, div.folksonomies and div.expandButton can both work without position: absolute if you replace the rules for expandButton with these: height: 25px; margin-top: -25px; text-align: right;
Pixel units aren't as bad as they used to be, modern browsers can scale the page regardless of what units you use. Replace font-size: 12pt with font-size: 16px to ensure the correct height.
As a general tip, look at the conditional comments used for the HTML tag in HTML5 boilerplate (html5boilerplate.com), you can use that to specify workaround rules for IE < 9 (and you could add an IE 9 class yourself). For IE 6/7 you can use Javascript expressions to calculate correct values.
<p>I can't just tell the customer "You're an idiot," and wash my hands of the situation. You'll understand this firsthand when you get out into the professional world or you'll be that developer who management hides in the basement where you can quietly grumble to yourself about how stupid everyone else is.</p>