Something weird is happening.
I’ve a basic html code. html, head, body.
(As I’ve received some negative votes, here’s the full code)
<html>
<head>
</head>
<body>
</body>
</html>
This is my css:
html {
background-image: url(background.png);
background-repeat: repeat;
margin-top:-8px;
}
body {
background-image: url(telefonillo.png);
background-repeat:no-repeat;
}
This is what chrome and firefox shows:

How can I fix this?
I tried to “Inspect” with firefox, and tried to remove the “background.png” from HTML, then the “telefonillo.png” shows up.
Tried “z-index:1” on body, but isn’t working, as it isn’t content at all.
Edit: I also tried removing all the divs, and other css, incase there was some kind of problems between any rules, but it’s still happening.
Why don’t you use before like this