[jQuery] Odd dialog bug

[jQuery] Odd dialog bug


Hi,
Just want to report an odd bug, using the UI dialog widget, in IE7
only:
How I create the dialog:
++++++
$('#' + popupId).dialog({
                autoOpen:        true,
                resizable :     false,
                bgiframe :         true,
                position :         [pos['x'], pos['y']],
                width:         'auto',
                height:        'auto',
                minHeight:        100,
                minWidth:        100,
                draggable :     false,
                stack :         true,
                show :         'slideDown("slow")',
                hide :         'slideUp("slow")',
                close:        function(event, ui){setLinkText(elementId, event, ui)}
            });
++++++
The dialog markup:
++++++
<form id="map-params">
<table class="popup" id="popup-3">
<tr>
<td><input type="checkbox" name="categories" value="1"
checked="checked" /></td>
<td><img src="http://localhost/images/people_20_20.png"
height="20px" width="20px" /></td>
<td>Services&nbsp;à&nbsp;la&nbsp;personne</td>
</tr>
<tr>
<td><input type="checkbox" name="categories" value="2"
checked="checked" /></td>
<td><img src="http://localhost/images/car_20_20.png" height="20px"
width="20px" /></td>
<td>Automobile</td>
</tr>
<tr>
<td><input type="checkbox" name="categories" value="3"
checked="checked" /></td>
<td><img src="http://localhost/images/sport_20_20.png"
height="20px" width="20px" /></td>
<td>Sport</td>
</tr>
<tr>
<td><input type="checkbox" name="categories" value="4"
checked="checked" /></td>
<td><img src="http://localhost/images/computer_20_20.png"
height="20px" width="20px" /></td>
<td>Informatique</td>
</tr>
<tr>
<td><input type="checkbox" name="categories" value="5"
checked="checked" /></td>
<td><img src="http://localhost/images/house_20_20.png"
height="20px" width="20px" /></td>
<td>Votre chez-soi</td>
</tr>
<tr><td colspan="3"><a id="all-checkboxes" href="javascript:void
(0);">Select all</a></td></tr>
</table>
</form>
++++++
In IE7 (firefox spits out the dialog without hesitation), the code
breaks at creation of the dialog: the dialog is not shown. Further
investigation using Visual Web Dev indicates that at line 1048 of
jquery.js (v1.3.1), an invalid value is set (minHeight = "-47px"), a
negative value. May be it's proper within the framework, but IE
chokes on it at odd times.
In this case, I just have to remove the last row of the table:
<tr><td colspan="3"><a id="all-checkboxes" href="javascript:void
(0);">Select all</a></td></tr>
And it works... sometimes. When it does not, the minHeight value is
again a negative value, -23px. I then remove another table row, and
it's pretty much stable from then on.
Thanks for any help.
To