JQuery resize wont resize inner elements

Hi, I’m trying to integrate ofcvaadin & JQuery element resizing in my vaadin app.
Basically, it’s not working. In pure html it works like this:

<div id="resize" style="width:600px; height:300px; padding: 10px;"> 
<div id="my_chart">chart goes here</div> 

Chart is 100% width & height, so when we make the parent div resizable, the chart within resizes as well.

Now, when I attempt the same in a vaadin app:

  1. I create a customlayout that has my jquery code, and a placeholder for the chart (named resizediv)

	<div id="[b]
[/b]" location="[b]
[/b]" style="height:500px;width:650px;"></div>

<script type="text/javascript">
window.$(document).ready(function() {   
  1. I add the chart component (chartvaadin) to the customlayout and the source code I get from adding the chart component (which i make 100% wide & high) is as follows:
<div id="resizediv" style="height: 500px; width: 650px;" location="resizediv">
	<div id="chartvaadin" class="v-customcomponent v-customcomponent-openflashchart-style openflashchart-style" style="height: 500px; width: 650px;">
		<div class="v-embedded v-embedded-flash" style="height: 500px; width: 650px;">
			<object width="650px" height="500px" type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
			<param value="data-file=http://localhost:8080/app/ofcvaadindata4?time=1314255710342" name="flashvars">
			<param value="../ofc/open-flash-chart.swf" name="movie">
			<param value="transparent" name="wmode">
			<embed width="650px" height="500px" wmode="transparent" movie="../ofc/open-flash-chart.swf" flashvars="data-file=http://localhost:8080/app/ofcvaadindata4?time=1314255710342" type="application/x-shockwave-flash" src="../ofc/open-flash-chart.swf">

I can get
to resize but the chart within does not resize with it. It seems to me that that is because of the defined pixel-widths and heights of the chart and the 2 surrounding divs.

So, the main question is: How can I make my elements resize along with the elements surrounding them? I tried with a label, same thing. I tried to make elements sizeUndefined, and SizeFull, same thing. Ihas anyone got jQuery resize working with some other element type?

Bonus question: I have also tried to attach the resizable -property to [i]

[/i] but that has no effect at all, nothing happens. Same thing when I give the chart a debug id; I can see the debug id in the source, but I cannot reach it with jQuery for some reason. How and why can I not "grab" the elements off the page (attach jQuery stuff to them) via class-name or (debug)id?