We want to add a z-index of 1 to a container_div, but only if it contains a target_widget (we can't add z-index:1 to all container_div's)

sample.html

<div class="container_div">
   <div class="target_widget"></div>
</div>
<div class="container_div">
  <div class="non_target"></div>
</div>

zindex_fix.js

$('.target_widget').closest('.container_div').css('z-index','1');

We want to add a z-index of 1 to a container_div, but only if it contains a target_widget (we can't add z-index:1 to all container_div's).

We would prefer a css solution, but at present there is no known way of adding styling to a parent element from its child without using JavaScript/jQuery,

Added a jsfiddle example here
http://jsfiddle.net/NfYDt/