here is my code: <html> <title> css and html </title> <body> <div style=" background-color:red; height:100px;width:100px;postion:relative; top:10px; left:80px; z-index:1;"> </div> <div style="background-color:yellow; height:100px; width:100px; postion:relative; top:30px;left:35px; z-index:2;"> </div> </body> </html> according to the code it should the two colors should overlay. instead it is showing one and second in series. i tried to run in chrome also but it doesn't help.please guide