I'm sorry but here i only can check with Safari and FireFox. I'm a OS X user I'm thinking about your problem i got other. your left side height is less than your content space, so you will get your text around your menu.Writting your content box on the left you can use float: left without problems.I will check a way to solve this and i will say you later. Sorry.OK, i supose that i got want you want:
<!-- HTML PAGE--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><link href="main.css" media="all" type="text/css" /><title>Untitled Document</title></head><body> <div id="header"> <h1>your header</h1> </div> <div id="leftSide"> <ul> <li>link1</li> <li>link2</li> <li>link3</li> </ul> </div> <div id="mainArea"> <p>your contentsasdasdasdasdaaaaaaaaaaaaaaaaaaaaaaa</p> <p>more content</p> <p>other lines...</p> <p>more</p> <p>mores</p> <p>more</p> </div></body></html>
/*CSS file*/#header{ border: 1px solid #0000BB;}#leftSide{ border: 1px solid #33FF66; width: 200px; position: relative; float: left;}#mainArea{ border: 1px solid #CC00CC; position: absolute; float: right; left: 210px;}
I recommend you to read this article.Paulo A. Silva