<!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" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Language" content="en-uk" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="robots" content="all" /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <style type="text/css"> <!-- #left-col{ float:left; width: 20%; padding: 0; margin: 0; } #right-col { border: 1px solid red; float:right; width: 78%; padding:0; margin:0; } ul#button-list-left { list-style-type: none; margin: 0; padding: 0; } ul#button-list-left li { margin: 0; padding: 0; } ul#button-list-left li input { background-color: #efeffe; border-color: #aeaefe; width: 100%; margin-bottom: 4px; padding: 2px; } #folder-list { float:left; width: 25%; } #folder-list select { float:left; width: 100%; } #folder-list input{ float:left; width: 100%; } #file-list { float:left; width: 74%; } #file-list select { width: 100%; float:left; } #file-list input { width: 49%; float:left; margin: 0; } .break { clear:both; border: none; background-color: transparent; height: 0; padding: 0; } --> </style> </head> <body> <div id="left-col"> <ul id="button-list-left"> <li><input type="submit" name="submit" id="" value="vdsvdsvd" /></li> <li><input type="submit" name="submit" id="" value="fdsgfdsgsd" /></li> <li><input type="submit" name="submit" id="" value="grewgrw" /></li> <li><input type="submit" name="submit" id="" value="grewgre" /></li> <li><input type="submit" name="submit" id="" value="gregrgre" /></li> </ul> </div> <div id="right-col"> <div id="folder-list"> <select name="test" size="6"> <option value="1" selected="selected">Item Number 1</option> <option value="2">Item Number 2</option> <option value="3">Item Number 3</option> <option value="4">Item Number 4</option> <option value="5">Item Number 5</option> <option value="6">Item Number 6</option> <option value="7">Item Number 7</option> <option value="8">Item Number 8</option> <option value="9">Item Number 9</option> <option value="10">Item Number 10</option> </select> <br class="break" /> <input type="button" name="" id="" value="Open" /> </div> <div id="file-list"> <select name="test" size="6"> <option value="1" selected="selected">Item Number 1</option> <option value="2">Item Number 2</option> <option value="3">Item Number 3</option> <option value="4">Item Number 4</option> <option value="5">Item Number 5</option> <option value="6">Item Number 6</option> <option value="7">Item Number 7</option> <option value="8">Item Number 8</option> <option value="9">Item Number 9</option> <option value="10">Item Number 10</option> </select> <br class="break" /> <input type="button" name="" id="" value="Edit Page" /> <input type="button" name="" id="" value="Delete Page" /> </div> </div> </body> </html>
Updated version
(It will not conform to XHTML specs until you give your inputs unique ID's but after that it will be valid).