Getting Webkit to pay attention to <legend> margins

[stefan003]

I'm simply trying to get Chrome/Safari to pay attention when I say \[code\]margin-bottom: 20px\[/code\] on a \[code\]<legend>\[/code\] tag...demo: http://jsfiddle.net/HNZWK/\[code\]<fieldset> <legend>Foo</legend> <div>Bar</div></fieldset>legend { margin : 0 0 20px 0; display : block; position : relative; border-bottom : 1px solid #000;}\[/code\]I can't seem to "detach" the legend from the fieldset. The div below is bumped to below the height of the legend (can be seen by messing with the legend height in css), but it's ignoring the bottom margin.Any ideas? Every other browser plays nice here...