z-index issue, image overlaping div

Somehow I can't see to make it work..

I'm trying to send the picture to the back, this is just an example, I'm generating a graph on the fly with one of our BI programs, unfortunately the png that it generates is to big compared to the actual data, so I want to send the white remaining space to the back, however it overlaps the div border, I've been trying to prevent this with zindex property, but I can't get it done, some help will be highly appreciated, I'm open to any css or jquery solution. The image on the fiddle is just an example of a picture overlaping the border.

http://jsfiddle.net/rvaldez/b3AXf/

Does anyone has an advice on how to send the picture to the back ?

Answers


add overflow:hidden; to the #utilitiesContainer. That will solve the problem. Check here, I hope that's what you ask for.

Check here, if you're interested more on the overflow property.


Need Your Help

Wordpress plugin with 3rd party jquery plugin integration

jquery wordpress jquery-plugins wordpress-plugin wordpress-plugin-dev

Can I use third party jquery plugins in my wordpress plugin? Can't find anything about this. What would the structure look like? Would I enqueue the script like I'm working in a theme? I'm pretty n...