Bad axis/legend positioning with Firefox 6/7

[GoogleCodeExporter]

I would like to center a chart. It works fine with Safari 5.1.1, but it does 
not work well with Firefox 6/7
The 

The code :
<table class="nostyle" style="width:100%">
    <tr>
        <td> </td>
        <td id="dvchart_0" style="width:600px;height:300px" />

        <td> </td>
    </tr>
</table>
<script type="text/javascript">$(function () {
    $.plot($("#dvchart_0"), [
        {
            label: "sinus",
            data: [[0,0], [0.5,0.479426], [1,0.841471], [1.5,0.997495], [2,0.909297], [2.5,0.598472], [3,0.14112], [3.5,-0.350783], [4,-0.756802], [4.5,-0.97753], [5,-0.958924], [5.5,-0.70554], [6,-0.279415], [6.5,0.21512], [7,0.656987], [7.5,0.938], [8,0.989358], [8.5,0.798487], [9,0.412118], [9.5,-0.0751511], [10,-0.544021], [10.5,-0.879696], [11,-0.99999], [11.5,-0.875452], [12,-0.536573], [12.5,-0.0663219], [13,0.420167], [13.5,0.803784]],
            lines: { show: true, fill: true },
            points: { show: true }
        }
    ],
    {
        xaxis: {
        },
        yaxis: {
        },
        series: {
        },
        legend: {
            position: "ne",
        },
        grid: {
            borderWidth: 1,
            clickable: true,
            hoverable: true,
            borderColor: "rgb(190,190,190)",
            autoHighlight: true
        }
    });
});</script>

See screenshot for the strange behavior.

Original issue reported on code.google.com by milipil...@gmail.com on 31 Oct 2011 at 8:43

Attachments:

• xaxis-legend.png

[GoogleCodeExporter]

Sorry for the typo "iko", this text is only a bad copy/paste.

Original comment by milipil...@gmail.com on 31 Oct 2011 at 8:45

[GoogleCodeExporter]

We should review the overlay divs, and try to make them work consistently when 
enclosed in other divs or, as in the example here, tables.

This may become a non-issue if we move fully to canvas text.

Original comment by dnsch...@gmail.com on 4 Jun 2012 at 8:01

• Changed state: Accepted