Setting the browser position in CSS

Question

I need the page sizing not to move the project menu when the page is resized, because when I change the dimension of the display it moves individually from the rest of the body.

See that the menu and the image move to the left of the project. I am learning HTML5/CSS3 with this tutorial, but I could not identify the error.

nav#menu {
	display: block;
}

nav#menu ul {
	list-style: none;
	text-transform: none;
	position: absolute;
	left: 900px;
	top: -20px;
	

Answer 1

I changed the position from absolute to relative, both in the menu and in the image, and then positioned it the way I wanted it in top and left. Thanks for the help stackoverflowBR community

nav#menu {
	display: block;
}

nav#menu ul {
	list-style: none;
	text-transform: none;
	position: absolute;
	left: 900px;
	top: -20px;