I have an image "cross.jpg" that is 300x 541. Now I want my list to overlay the image. Now the list is right below the image. My CSS:\[code\]#leftcolumn{ float: left; width: 300px; /*Width of left column*/ background: #C8FC98;}.spots{ display: block; position: relative; z-index: auto; width: auto; top: 100px; left: 50px;}\[/code\]The web page:\[code\]<div id="leftcolumn"> <img src="http://stackoverflow.com/cross.jpg" alt="cross" /> <div class="spots"> <ul> <li>Test1</li> <li>Test2</li> </ul> </div>\[/code\]The current image:
