in chapter 5 of the textbook we learned about indestructible boxes, specifically boxes with rounded corners (which help make the overall layout appear less boxy). the book goes over various ways to recreate the look of boxes with rounded corners without having to be restricted by one certain size. the author shows how to create indestructible boxes that are seemingly adjustable, able  to expand vertically and horizontally depending on the size of the font.

the first example he shows has a fixed width and can only be expanded vertically. two images are used to make the box appear expandable. the second example demonstrated how to create a box that expands both vertically and horizontally but to do this he needed the set a background image for four different elements.

the techniques the author gives are like clever illusions, only the area used is the area exposed making it a bulletproof. the key is to make sure that the background image that you save is larger than necessary in order to compensate for when the font size increases.

i used the box hinting example on my personal homework site for the hover state of my navigation links. i like the look that it gives it.

Alfonse and Sam were nice enough to show me a CSS3 trick that would automatically create rounded corners with no need for images. I used this code to create the rounded the corners of the white container div of my homework page:         

-moz-border-radius:15px;
 border-radius:15px;

here is a link to the examples from the book

here is a link to my homework site