I having trouble moving my .sidebar when i do it alos moves my .brrak up also. Im tring to have my .sidebar right under my .breaker to the right side, and also when i move me break it also moves my comment box (.bottoms) and i would liek to have that on the left side right under my .break. Is there anyway i can do this without having to write a whole new code. Thanks in advanced<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=60727009">my page</a>
<style type="text/css">body { font-family: helvetica, arial, sans-serif; font-size: 62.5%; background-color: ffffff;} table, td { background-color: A2B5CD; background-image: url(""); background-repeat: no-repeat; background-position: 1px 380px; }.main{ position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px;} .main a:link, .main a:active, .main a:visited { color: 1874CD; text-decoration: none; font-size: 1em; } .main a:hover { color: 228B22; } img { border: 0; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} img:hover{ filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }p, li { font-size: 1.2em;; color: 8A2BE2;}.title1, .title2 { font-weight: bold; text-transform: lowercase; letter-spacing: -1px;} .title1 { font-size: 1.3em; color: 1874CD; absolute; left: 50% ; margin-top: 50px; margin-left: 530px; visibility:visible !important; } .title2 { font-size: 1.2em; color: ffffff; } .title2 a { font-size: 1.1em; } .sidebar .title2 { padding: 0 0 0 12px; }.newnav {clear: both;border-top: 3px dashed;border-bottom: 3px dashed;border-color: 90EE90;background-color: 00BFFF;background-image: url("");background-repeat: repeat-x;margin: 0px 300 20px 260;position:center;padding: 1;text-transform: lowercase;letter-spacing: -1px;} .newnav a { font-size: 1.2em; color: 1874CD !important; } .newnav a:hover { color: 228B22 !important; } .newnav .active { color: 1874CD !important; } .newnav li { list-style: none; display: inline; margin: 0 0 0 13px; }.sidebar { float: left; width: 200px; margin-top: 500px;}.breaker { clear: both; border-top: 5px double; margin-top: -1035px; border-bottom: 5px double; border-color: 90EE90; background-color: 00BFFF; background-image: url(""); background-repeat: repeat-x; height: 200px;} .cell { float: left; padding-top: 10px; margin: 0 0 0 25px; } .cell-inner { width: 350px; padding: 0 10px 0 0; } .bottoms { clear: both; padding: 45px 0 0 0;}.music{ float:left;}textarea { background-color: 00BFFF; border-top: 4px double; border-bottom: 4px double; border-left: none; border-right: none; border-color: 90EE90; color: ffffff; padding: 3px; overflow: hidden;} input { background-color: 00BFFF; color: black; border: 1px solid; border-color: 90EE90; }.love { clear: both; text-align: center; padding: 25px 0 0 0;}./style>
