<!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:0px 0px 20px 20px;
		
		}

	#menu {
		position:absolute;
		left:5px;
		top:150px;
		width:75px;
		
		}

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

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

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





/* 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:125px;
		
		margin:0px 5px 2px 0px;
		}
		
	p,h1,pre {
		margin:0px 5px 10px 10px;
		font-family:"times new roman";
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
	h2 {font-family:"lucida"}
	
	
	#menu p { font-size:8px;
		}
	
	#menu {font-family:"bookman old style";
		margin:10px 0px 0px 10px;}


	
</style>

