The objective of this page was to find an efficient way to create a rounded rectangle that would dynamically resize based on content.

The width is fixed, but the height is variable.

Notes

• Border for center area uses a CSS border attribute instead of an image. It just works better. It also reduces the HTTP request count by 2.
• The color code used (#77777777) is for approximately 50% opacity.
• The header is a gradient, chopped for good contrast.
• ImageMagick commands are included.