Ok first of all hi (this is my first topic here) and thanks for even reading this. This is my problem. I'll start by giving you guys the code I made so far (see under the quote for my problems) [!--quoteo--][div class=\'quotetop\']QUOTE[/div][div class=\'quotemain\'][!--quotec--] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>FreaksUnited LAN-PARTY</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> html, body { font: normal 12px Verdana; color: #CCCCCC; height: 100%; margin:0; padding:0; min-height:100%; text-align: left; } #wrapper { position: relative; width: 800px; margin-left: -400px; left: 50%; height: 100%; } #banner { width: 750px; height: 155px; } #left { width: 180px; float: left; } #mainContentArea { width: 620px; height: 645px; margin-left: 155px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000000; border-bottom-color: #000000; min-height:95%; margin:0; position:relative; } .LeftBoxArea { width: 180px; padding-bottom: 0px; min-height:95%; margin:0; position:relative; } .leftBoxContent { padding: 5px; font-size: 10px; background-color: #C3C9D5; border-right: 1px solid #000000; border-left: 1px solid #000000; } .leftBoxEnd { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .leftsponsors { text-align: center; } .notbold { font-weight: normal; } .vetgroen { font-weight: bold; color: #009900; } ul { list-style-image: none; list-style-type: none; color: #0000FF; font-weight: bold; margin: 0px 0px 0px 10px; padding: 0px; } #footer { border-style: none none none none; border-width: 1px; border-color: #000000; position:relative; margin-top: 0em; } #nonFooter{ position: relative; min-height: 100%; } * html #nonFooter { height: 100%; } </style> </head> <body> <div id="wrapper"> <!-- Begin wrapper --> <div id="nonFooter"> <!-- Begin non-footer --> <div id="banner"> <!-- Begin banner --> <img src="FU_Banner.jpg" alt="FU_Banner"> </div> <!-- End banner --> <div id="left"> <!-- Begin 'left' navigation bar --> <div class="LeftBoxArea"> <img src="FU_left_FU-lanparty.jpg" alt="FU_left_FU-lanparty"> <!-- FU-Lan Party picture (veranderd nooit) --> <div class="leftBoxContent"> <ul> <li> > News <br> > Info <br> > Compos <br> > Deelnemers <br> > Route <br> > Crew <br> > Foto Album <br> > Forum <br> > Irc <br> > Sponsors <br> </li> </ul> </div> <img src="FU_left_FU-leden.jpg" alt="FU_left_FU-lanparty"> <!-- leden, naargelang hoe je bent ingelogdt staat hier 'inloggen' , 'leden' , 'crew' --> <div class="leftBoxContent"> <ul> <li> > Vrienden <br> > Inschrijven <p> </li> <span class="notbold">Freak United LAN 5</span><br> <span class="vetgroen">Betaald</span> </ul> </div> <img src="FU_left_FU-sponsors.jpg" alt="FU_left_FU-lanparty"> <!-- leden, naargelang hoe je bent ingelogdt staat hier 'inloggen' , 'leden' , 'crew' --> <div class="leftBoxContent"> <div class="leftsponsors"> <!-- lijst van alle sponsors, de class 'leftsponsors' zorgt dat deze gecentreerd staan, de P-tags voor de spaties ervoor en tss --> <p> <img src="FU_IT-ware.jpg"> <p> <img src="FU_Pool-fiction.jpg"> <p> <img src="FU_Hout.jpg"> <p> <img src="FU_Powerhost.jpg"> <p> <img src="FU_WSN.jpg"> <p> </div> </div> </div> </div> <!-- End 'left' navigation bar --> <div id="mainContentArea"> </div> <div id="footer"> <!-- Begin Footer --> </div> <!-- End Footer --> </div> <!-- End non-footer --> </div> <!-- End wrapper --> </body> </html> [/quote] Now first the site should expand in the the height when there is a lot of text in the content area, I don't know how I can do this !!! And second of all the problem that has kept me up for several nights (I'm probably just a fool with a typical n00b question) I should have a border around the whole site. I tried to give the "wrapper" a border, that didn't work, ... I tried to give the "mainContentArea" a right & bottom border, that didn't work at all.... What do I do wrong?