jQuery - pt 2 and CSS

That 2nd tutorial I tried didn't exactly work. But the third one I did was great. Making all of those box show and hide and stuff. Very fun.

Also, with what I learned so far I think I might be able to make the 2nd one work. Hopefully. Haven't really thought it through.

Other then learning about jQuery I learned some "new" CSS stuff.

Back when I was first learning about Web Design I heard that CSS 3 was going to allow you to make rounded corners. That way you didn't need to make a rounded corner image to get it done. But I had completely forgot about it. Until I saw this video. But wile I was trying to do it I couldn't get it to work. After doing some research I noticed he did the code wrong. He had it as


.header
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
.box
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;


Which makes sense he would do that. He was on a Mac using Safari, and in Safari you would just replace that -moz with -webkit.

In Mozilla/Firefox it should be.

.header
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
.box
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;


Quite confusing.