Bloco entrando na div

[Carlos Rocha 4]

Então, tenho o css

html, body {
	margin: 0;
	padding: 0;			
}

#banner {
	position: relative;
	width: 1536px;
	height: 610px;
	background-image: url("img/home1.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
    z-index: -1;
}

#banner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(#004425, #072f1c 130%);
	opacity: .6;
}

e, o HTML

<div id=banner></dv>

teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />
teste <br />

Funciona corretamente. No entanto, o bloco de 

teste <br />

Não desce, fica no fundo da div.banner.

Porque?

Edited July 7, 2019 by carcleo

[Carlos Rocha 4]

Peço ao administrador que exclua essa pergunta por mim fazendo favor.

Foi pura falta de atenção da minha parte!

Eu NÃO fechei a DIV corretamente. 

Eu fiz </dv> ao invés de </div>

Obrigado!