Оборачиваете весь код в <div> с "молоком":Опять же див молока между топом и боттомом. Нужно чтобы текст начинался от блока топа и при растяжке блока начиналась картинка резинки, и заканчивался текст на картинке боттома.
HTML:
<!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">
<head>
<title>Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
background:#fff;
color:#000;
font-family:arial,sans-serif;
font-size:10px;
}
#moloko {
background: url('img/moloko.gif');
width: 200px;
}
#shad_up {
background: url('img/shad_up.png') left top repeat-x;
}
#shad_bot {
background: url('img/shad_bot.png') left bottom repeat-x;
padding: 10px;
}
</style>
</head>
<body>
<div id="moloko">
<div id="shad_up">
<div id="shad_bot">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris adipiscing nibh non purus suscipit venenatis. Maecenas egestas, neque a iaculis tristique, purus eros laoreet ligula, id venenatis erat purus vitae justo. Sed ac pellentesque magna. Cras faucibus metus vel velit gravida blandit. Etiam aliquet ligula non enim sagittis vehicula. Donec fringilla, erat et semper eleifend, justo quam sodales tellus, a vehicula ipsum libero eget mi. Integer condimentum, nibh aliquet adipiscing scelerisque, nisl magna accumsan arcu, nec vehicula magna mauris interdum elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat dapibus lorem.
</div>
</div>
</div>
</body>
</html>Для IE6 реализация будет несколько другой.
