Question

I am creating a simple website layout which contains

header,banner,col1,col2,footer

with in the #col2 I have created a div with id #main-image. The problem is this I am unable to position this div using top & left attributes. This div is with in #col2 and #col2 has float left attribute on it.

#main-image {
    width: 343px;
    height: 312px;
    background: #c4b17e;
    position: relatvie;
    z-index: 10;
    top: -100px;
    left: -148px;
}

Answer 1

You spelt relative wrong. Try fixing that.

Hope this helps!
N.S.