Webkit, дело в том, что у вас и так #div_after идёт после содержимого элемента #div с фиксированной высотой, а цифра "2" просто вываливается из элемента с фиксированной высотой, хотя цифра "3" идет как раз там где вы задали, как вариант задайте #div overflow:hidden и лишнее из этого тега выпадать не будет, но и видно не будет, а чтобы цифра "3" шла после цифры "2" нужно отказаться от фиксированной высоты, возможен вариант с фоном (для IE7 можно будет pie добавить, чтобы работало) <style type="text/css"> #div { background: -moz-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -webkit-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -о-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -ms-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); min-height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div>