also das übermalen liegt glaube ich nicht am css sondern einfach am bild, vielleicht solltest du die scanlines einfach weglassen
Außerdem hast du noch eine kleine Macke in deinem Code:
body {margin:0px;padding:0px;background:black url(images/squirrel.jpg) fixed no-repeat;}#content {padding:5px;width:80%;min-height:100%;margin-left:10%;margin-right:10%;background-image:url(images/scanlines.png);}#header {font-size:13px;background-image:url(images/scanlines.png);height:15%;width:90%;margin-left:5%;margin-right:5%;}.line, .linever {height:20px;width:100%;}.linever {}
<html> <head> <title>Titel der Website</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="content"> <div id="header"> <img src="images/line.png" alt="" class="line"> Hier Headerimage<br><br><br><br> <img src="images/linever.png" alt="" class="linever"> Links links links </div>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><div style="float:right; min-height:100px; width:100px; background-color:white;">Hier keine Scanlines</div> </div> </body></html>
den hintergrund kannst du auch im body definieren
2. Die einzige Lösung die ich kenne um ein bild unten auszurichten, ist diese:
<div style="position:relative;">
<div style="position:absolute; bottom:0;">
<img src="datei.png" />
</div>
</div>