Margin-top bugando meu layout

Assuntos Gerais
#1

boa noite pessoal

estou com um problema em uma coisa muuito simples, e não faz sentido nenhum, só posso ta ficando maluco!

logo no início do projeto (só tem 2 divs na tela, uma dentro da outra, MAIS NADA), coloquei a div de dentro com margin-top, bugou tudo!, parece que estou dando um padding-top no html (não no body, no html mesmo)

o código é so isso (coloquei o css inline para reduzir o tamanho do post):

<div id="tudo">
	<div id="bg" style="background:#445577;width:600px;height:400px;">
		<div id="retangulo" style="margin-top:100px;height:100px;border:3px solid;"></div>
	</div>
</div>

ja tentei de tudo pra resolver isso
to achando até que peguei algum virus, sei la
o efeito que esse “margin-top” faz, ele desce tudo na tela, incluindo o body, é como se estivesse fazendo “padding-top” no elemento html (não no body, mas no html mesmo)

#2