Question

here is my code

<div id="content_main2">
    <div id="content_main2_left"><img src="../images/logo.png"></div>
</div>

css

#content_main2
{
    width:800px;
    height:200px;
}
#content_main2_left
{
    float:left;
    width:300px;
    height:240px;
    margin-top:-40px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:#817339; 
}

my result

bt i need to display logo on top of the div. I mean half on #content_main2 div and another half on #content_main2_left. how can i do it ?

Answer 1

write margin-top:-40px for image, not for div.