<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>glish.com : CSS layout techniques : nested float</title>

<style type="text/css">
	@import "all.css"; /* just some basic formatting, no layout stuff */
	
	body {
		margin:20px 20px 20px 20px;
		
		}

	#menu {
		position:absolute;
		left:5px;
		top:10px;
		width:100px;
		
		}

	
	
	#main {
		 
		background:#fff;
		voice-family:"\"}\"";
		voice-family:inherit;
		margin-left:215px;
		margin-right:215px;
		top:10px;
		}

	html>body #main {
		margin-left:220px;
		margin-right:220px;
		}

	#rightcontent {
		position:absolute;
		right:20px;
		top:10px;
		width:120px;
		}





/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu {
		
		
		float:left;
		width:200px;
		background:#eee;
		margin:0px 5px 20px 0px;
		}
		
	p,h1,pre {
		margin:10px 10px 10px 10px;
		font-family:"arial";
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
	h2 {font-family:"lucida"}
	
	
	#menu p { font-size:10px;
		}
	
	#menu {font-family:"arial";
		margin:10px 10px 10px 10px;}


	
</style>
