I've been playing with the CSS for a while now and I think I've got it down. Here's something I did that made my life for layout a whole lot easier:
- Got rid of the 15px margin in #content
- Made #content 68% and #links 28% wide
- Made both float left
This does a couple of things. Setting the widths makes sure there is an extra 2% of the browser canvas available for "wiggle room." Making both layers float left allows the links be longer than the content without expanding to the entire browser width at the bottom. Also, if there isn't enough room to have both side by side the links layer wraps to the bottom and both are left justified.
I'll be making more adjustments to my blog over the next couple of days for certain.
