Gzip CSS

css 
<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
/*Place at the very bottom*/


<?php if(extension_loaded('zlib')){ob_end_flush();}?>
/*Place at the very bottom*/

Visualize the structure of html

css 
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }

border: 1px solid red;

css 
#box{
	border: 1px solid red;
}

Bar that stays at the top

css 
#box{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#000;
	color:#fff;
	height:50px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
}

Stop page shift

css 
body {
	overflow: -moz-scrollbars-vertical;
}

FireFox hack

css 
/*FireFox 2 and IE7 */
.box, x:-moz-any-link {font-weight:bold;}

/*FireFox 3 and IE7 */
.box, x:-moz-any-link, x:default {font-weight:bold;}

IE/Mac hack

css 
/* Hide from IE-Mac \*/
#box {width:500px;} /* This will not show up in Internet Explorer on a Mac*/
/* End hide */

Safari & Chrome hack

css 
#box { width:500px; } /* This will show the usal way */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#box { width:450px; } /* Safari 3.0 and Chrome */
}

Word-wrap

css 
#box{
     word-wrap: break-word;
}

Text Rotation

css 
#box{
	-moz-transform: rotate(-90deg); /* Firefox */
        -webkit-transform: rotate(-90deg); /* Safari */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE */
}

/* IE note: 0=0° , 1=90° , 2=180° , 3=270°  */