Got irritated with dotted lines around active links on firefox? I did and if you ever wondered, here is how you can remove them..
a:active, a:focus { outline: 0 }
If you want to get the vertical align to work on div elements here is a nice css solution for you!
display: table-cell; text-align: center; vertical-align: middle;
Haven’t tested on all browsers so try it first before implementing it on the production server!
After days of torture trying to get Less CSS to work on my laptop, i then painfully found out you can actually install Less CSS in four beauty commands in less than a two minutes! 
Thanks to my mate for his Ubuntu Knowledge and Search capabilities!
Here is the code… so u don’t get lost in the bush like i did!
sudo apt-get install rubygems1.8 sudo gem install rubygems-update sudo update_rubygems sudo gem install less
After install~: Run lessc styles.less to create your programmed css file!
Beauty
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
CCborderRadiusTL: 20px;
CCborderRadiusTR: 20px;
Good stuff from CSS!
-moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3
