Hallo Roman,
So,das ists :]
Und willst du es nicht lieber einfacher?
<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>passts?</title>
<style type="text/css">
[code lang=css]
html, body {
color: #0371E0;
background-color: #000000;
margin: 0;
padding:0;
}
a {
color: red;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#scroll {
height:461px;
overflow:auto;
border:solid 1px white;
padding:10px;
}
#deko1 {
width:509px;
padding-bottom:20px;
background:url(deko_unten.gif) bottom center no-repeat;
}
#deko2 {
padding-top:20px;
background:url(deko_oben.gif) top center no-repeat;
}
</style>
</head>
<body >
<div id="deko1">
<div id="deko2">
<div id="scroll">Sehr <a href="#">viel</a> Text
<!-- Füg hier mal mehr Inhalt ein, bis das Element scrollen muss -->
</div>
</div>
</div>
</body>
</html>
[/code]
Gruß Gernot