Boxes with rounded corners!!!
There are lots and lots of CSS code out there for creating boxes with rounded corners, but many I tried didn’t work (perhaps I was missing something?). The ones that did work for me seemed to be the ones that use a single image or parts of a single image. The boxes can “grow” vertically, but usually are set in width. One such site that creates the image for you and gives you the HTML and CSS code is: http://www.spiffybox.com/index.php?
Note that the width and height are set in pixels, not percentages. The height needs to be set at max of whatever you’ll need as the resulting box can always be smaller, but not larger. The width is fixed. So if you want, create more than one width and save them as .png files. You will need to adjust the width in your CSS to accommodate the width of your box. Please note: They have two “width” settings, one for IE WIN, and one for Mozilla/others. To get the IE WIN version to work, put an underscore in front of “width.” So “width” becomes “_width.” Also note, the IE WIN “width” needs to be 15 pixels larger than the image width.
So yes, you do need to be familiar with CSS. If you’re playing with creating rounded boxes, you need to know it anyway. Go to the site, play with the numbers. Try it out. Worked for me!