http://iv.pl/images/06300473238258080703.jpg
Prawy div jest za króki.
clear:both nie pomaga
<div class="page"> <div id="menu"> <div class="menu_left"> </div> <div class="menu_right"> <ul> </ul> </div> </div> <div class="main"> <div class="left"> <div class="l_cnt"> </div> </div> <div class="right"> <div class="r_cnt"> <div class="szukajka"> <form action="#" method="POST"> <input type="text" name="szukaj" class=""> <input type="submit" name="wyslano" class=""> </form> </div> </div> </div> </div> </div>
body{ background:url(images/bg.jpg)repeat-x;color:black } .page{ margin:0px auto; width:1000px; height:auto; margin-top:50px; border:1px solid #606060; } #menu{ background:url(images/menu_bg.jpg) repeat-x; height:50px; width:auto; } .menu_left{ float:left; width:120px; } .logo{ background:url(images/logo.png) no-repeat; width:112px; height:42px; margin-left:10px; } .menu_right{ float:right; width:880px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { float: right; border-right: 1px dotted #515151; height: 50px; } #menu ul li a { display: block; float: left; padding: 15px 25px 15px 25px; font-family:Letter Gothic Std; letter-spacing:0px; font-size:17px; text-decoration: none; color:#d1d1d1; text-shadow: 1px 1px 7px #222222; } #menu ul li a:hover { color: white; background:url(images/menu_bg_hover.jpg) repeat-x; width:#e9e9e9; } .main{ width:100%;height:100% } .space{ padding-top:50px } .left{ float:left; width:700px; height:100%; background-color:#fbfbfb; overflow:hidden; } .right{ float:right; width:300px; background-color:#eeeeee; overflow:hidden; height:100%; } .l_cnt{ padding:50px 15px 50px 15px; } .r_cnt{ padding:50px 15px 50px 15px; } .clear{clear:both}