Some sample CSS for debugging with different colored borders.

NB: The header is for WordPress


	
	
	/*
Theme Name: Vijay's Theme 1
Theme URI: //www.vijay.no/
Description: Blue.
Version: 0.1
Author: Edward Cerullo
Author URI: //www.cerullo.no/
*/

@CHARSET "ISO-8859-1";

	body		{
				background-color:	#6666FF;
				}
				
  	h1			{
  				color:	darkblue;
  				font-family:	arial;
  				}
  			
	#content 	{ 
				margin:	0px;
				padding:	0px; 
				border:	5px #006600 solid;
				height:	650px;
				}
				
	#delimiter	{ 
				clear:	both;
				}
				
	#footer		{
				margin:	0px;
				border:	5px #000000 solid;
				height:	50px;
				text-align:	center;
				vertical-align:	center;
				}

	#header		{
				margin:	0px;
				border:	5px #000000 solid;
				height:	50px;
				text-align:	center;
				vertical-align:	center;
				}
								
	#p1			{
				float:	left;
				border:	5px #FFFFFF solid;
				width:	49%; 
				height:	auto;
				}
			
	#p2			{
				float:	right;
				border:	5px #FFFFFF solid;
				width:	49%; 
				height:	auto;
				}

	#wrapper 	{
				display: block; 
				border: 1px #FF0000 solid; 
				width:	100%; 
				margin:	0px auto;
				}

	.title		{ 
				font-size:	12pt;
				font-family:	verdana;
				font-weight:	bold;
				}
	
	
	
	
	
	

Here are fixed and floating boxes.


	
	!DOCTYPE html
	html
	head
		link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		title>Result/title
	/head>
	body>
		div id="outer"div id="inner"/div/div
	/body>
	/html>
	
	
	div {
	height: 100px;
	width: 100px;
	border-radius: 5px;
	border: 2px solid black;
}

#inner {
	height: 75px;
	width: 75px;
	background-color: #547980;
	position:   relative;
	margin-left:    200px;
	position:   fixed;
}

#outer {
	height: 1500px;
	width: 150px;
	background-color: #45ADA8;
	position: absolute;
	margin-left: 100px;
}