[b]style.css[/b]
body {background-color: #003D79; text-align:center;}
.block {background-color: #EEE; width: 715px; height: 95%; margin:auto; text-align:left }
.top { background: url(images/topbanner.gif) top no-repeat; width: 715px; height: 111px;}
.middle { background: url(images/middle.gif) left repeat-y; width: 715px; height: 100%;}
.bottom { background: url(images/bottom.gif) bottom no-repeat; width: 715px; height: 30px;}
[b]Default.asp[/b]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Untitled</title>
</head>
<body>
<div class="block">
<div class="middle">
<div class="top"></div>Hej
<div class="bottom"></div>
</div>
</div>
</body>
</html>
Det jag vill åstadkomma är att bilden bottom.gif lägger sig längst ner i 'block'et. Men den lägger sig precis under top.gif-bilden. Tips?