Hi chaps, I wonder whether this is possible or not. Basically, I have an absolutely positioned div with a width and height and a background image (it's a little arrow) that I want to overflow its container so that it sticks out and point at something. Is it possible with background images, or do I have to use a html image?
An example is this:
<div class="me">
<div class="myDiv">
</div>
</div>
.me{width:900px;
height:800px;
position:relative;
/*background:url(ajax-loader.gif) 100px 40px no-repeat;*/
border:1px solid red;}
.myDiv{
background:url('overlayArrow_03.png') no-repeat -20px 0;
border:1px solid blue;
height:150px;
width:300px;
position:absolute;
top:217px;
left:35px;
}
So here the background image is positioned -20px so it should stick out but it doestn's it looks like there is an overflow:hidden
applied as a default. Is there anyway I can get that image to stick out?
thanks