Quisiera saber porque cuando pongo position relative a una imagen que esta dentro del body y trato de moverla con top en porcentaje no funciona, he notado que es porque al mismo nivel del img hay un p, cuando quito el p si funciona, pero no sè porque ocurre esto. Gracias
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Position</title>
<link rel="stylesheet" href="position.css">
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda sunt vel, saepe odit molestiae quibusdam dolorum hic asperiores officia ipsum, voluptatum! Numquam voluptatum aliquid aut hic obcaecati iure doloremque expedita.</p>
<img src="http://lorempixel.com/350/230/" alt="">
</body>
</html>
---------------------------------------------------------------------------------------
html, body{
height: 100%;
}
img{
position: relative;
top: 40%;
}