We all know that IE is full of bugs and just plain sucks as a browser… if you didn’t know that you can drop your geek badge off on the way out. So today I ran across the Z-Index bug in IE7. Sometimes you’ve seen this behavior before:  The fix is to give the parent of the element with a z-index a slightly higher z-index

I just wanted a nice way to style my radio buttons sort of inline, but with the labels above the radios. Here is how I accomplished this. ul { overflow: auto; padding: 2px 0;} ul li { float: left; text-align: center; margin: 0 10px} ul label { display: block;} Line one clear the floats after the UL. Line two floats the LI. Line three displays the label as a block.

I’ve test driven several cordless mice in the last few years. All of them Logitech because I’m biased. I really, really, hate cords. They just clutter the desk area up and seem to be less important as time goes on. I really thought that the cordless mice had “arrived” and were just as good as their corded counterparts. Wrong. While most applications will find a wireless mouse to meet their needs just fine, I’m on the computer a solid 8-10 hours a day, little things add up and turn into a big deal.

Just an FYI, note to myself, use a css validator to catch little CSS problems that will most likely choke IE6. http://jigsaw.w3.org/css-validator/

If you are using this ‘cute’ font on your website or even in your stationary. STOP! This very instance. I know when you first discover this font it’s different and stands out, so you feel compelled to use it to spice up your text with some groovy font to show you are different, bold, and spontaneous. Sorry, this is not the case. Comic Sans font is trite and considered very, very amateur.

I used to clear floats by adding the CSS style clear: both to the element underneath the floating elements. This was a pain because sometimes you had to add a tag under it with the clear: both set. Then while searching for a better way (there is always a better way) to clearing floats I found the overflow rule. Essentially, just add overflow: hidden to the parent of the floating elements.