Hi I have tired to set a picture in the middle of a page that contain only that picture.
using vertical-align doesn't work for me

This is the code:
Code:
<!DOCTYPE html>
<html>
<title>gula</title>
<head>
</head>
<body bgcolor="gray">
<div align="center" style="position:relative; top:10%;">
<img src="gula.jpg" height=768 width=1024/>
</div>
</body>
</html>
It working for in IE but not in chrome or firefox.
I mean in IE I do see the picture in the middle but not in any of the other.

So I hope to hear some advice on how to solve this problem.