Well, after many long nights, I think I've finally reached the point with the graphic design of this web site, that I'll be able to tolerate for longer than a month. I've seen several really cool looking web sites lately, so I felt that my site should have a little more "pop and pizazz"! I'd love to hear any feedback, as I've tried a new CSS tricks that may be causing some funkiness in some older browsers.
The trick in particular is this:
/* CSS */
/*
background-color:transparent;
background-image: url( '../img/red_grad_strip_bk.png' );
background-repeat:repeat;
*/
This image that is being used is a transparent 1x1 .PNG file, with the opacity set to 50%. I tried different with different levels of opacity, but this seemed to work the best, especially in nested <div> scenarios. Obviously, this will only work in browsers that support PNG files (IE7/FF2). I'm not so sure that this could possibly be done with transparent GIF files, so I didn't even try. Next, that fancy Web 2.x "rounded corners" trick.