IE Dialog Invalid Argument

IE Dialog Invalid Argument


Not sure if anyone else has been getting this but using IE7 I keep
getting an Invalid Argument error that maps to the jquery (v1.3 and
v1.3.1) attr call. It looks like something is trying to assign a
minHeight value of -240px. I can't tell what object is doing this and
I really can't tell you why it's happening.
The content and/or CSS used in the dialog is obviously triggering it
(if I clear out the div/form I'm using, it pops up just fine) but
which element or CSS entry triggers the issue varies depending on
whether I call dialog with no params or if I call it with params like:
$("#UpsellFormDialog").dialog({ autoOpen: false, width: 500, maxWidth:
800, minWidth: 500,
                        height: 300, maxHeight: 700, minHeight: 300,
                        modal: true, title: 'Add Upsell or Ad', close: DialogOnClose });
The HTML isn't crazy:
<div id="UpsellFormDialog" title="Edit Upsell or Ad">
<form id="UpsellForm" method="post" action="CompanyUpsellAds.aspx"
class="AccountUpsellForm">
    <div class="required">
        <label for="fAdTypeID"><
%=Resources.Strings_EN_US.AccountUpsellTypeHeader%></label>
        <select name="fAdTypeID" id="fAdTypeID" class="StandardDropDown
UpsellChangeCheck"></select>
    </div>
    <div class="required">
        <label for="fAdLocationID"><
%=Resources.Strings_EN_US.AccountUpsellLocationHeader%></label>
        <select name="fAdLocationID" id="fAdLocationID"
class="StandardDropDown UpsellChangeCheck"></select>
    </div>
    <div class="required">
        <label for="fAdCopy"><
%=Resources.Strings_EN_US.AccountUpsellCopyHeader%></label>
        <textarea name="fAdCopy" id="fAdCopy" cols="80"
class="StandardField UpsellTextField UpsellChangeCheck
UpsellKeyCheck"></textarea>
        <small><%=Resources.Strings_EN_US.AccountUpsellCopyLimitNote %></
small>
    </div>
    <div class="optional">
        <label for="fAdStartDate"><
%=Resources.Strings_EN_US.AccountUpsellStartDateHeader%></label>
        <input type="text" name="fAdStartDate" id="fAdStartDate"
class="StandardField UpsellChangeCheck UpsellKeyCheck" value="" />
        <small><%=Resources.Strings_EN_US.AccountUpsellStartDateNote %></
small>
    </div>
    <div class="optional">
        <label for="fAdEndDate"><
%=Resources.Strings_EN_US.AccountUpsellEndDateHeader%></label>
        <input type="text" name="fAdEndDate" id="fAdEndDate"
class="StandardField UpsellChangeCheck UpsellKeyCheck" value="" />
        <small><%=Resources.Strings_EN_US.AccountUpsellEndDateNote %></
small>
    </div>
    <div class="DialogButtons">
        <input type="image" name="fUpsellSubmit" id="fUpsellSubmit"
class="ImageRollover" alt="Save" tabindex="300"
            src="/images/global/btn_save_off.gif" />
        <input type="image" name="fUpsellCancel" id="fUpsellCancel"
class="ImageRollover" alt="Cancel" tabindex="310"
            src="/images/global/btn_cancel_off.gif" />
    </div>
</form>
</div>
And the CSS that governs most of those elements isn't either:
.StandardField, StandardFieldLarge
{
font-weight: normal;
border: 1px solid #CCCCCC;
}
.DialogButtons
{
    padding: 10px 10px;
    text-align: right;
}
.AccountUpsellForm textarea
{
    width: 300px;
    height: 50px;
}
div.required label
{
    position: relative;
    width: 130px;
    min-height: 20px;
    font-weight: bolder;
    float: left;
    clear: left;
    padding: 3px 5px;
    margin: 5px 0px 5px 0px;
}
div.optional label
{
    position: relative;
    float: left;
    clear: left;
    width: 130px;
    min-height: 20px;
    padding: 3px 5px;
    margin: 5px 0px 5px 0px;
}
(UpsellChangeCheck and UpsellKeyCheck are just being used as
identities for lookups and have no declarations in CSS)
With the above code, it will work but the box will be about 25 pixels
high until I click the resize triangle then it'll pop open to full
size. When I remove the width and height declarations from the dialog
call (width, minWidth, maxWidth, and same for height), it errors out
with the aforementioned Invalid Argument error. When the error is
generated, no dialog is displayed and it's not caused by the code
above it in the JS call that eventually calls dialog("open").
I'm using an XHTML 1.1 dtd for the page.
I've done the usual fun IE debug routine where I remove blocks of code
all over the place to see what restores functionality. Note the lack
of a "rows" declaration for the text area? Earlier I had the Invalid
Argument error and when I removed that attribute it started working
again. Now, when I tried to resolve the height issue and I removed the
height information from the dialog options all together, I get it
again.
I'm using .Net to build the page but I don't rely on server controls
or anything.
By the way, on a hunch I switched the dtd to XHTML 1.0 transitional
and it works. Is it that IE 7's support for XHTML 1.1 (and standards
in general) sucks or am I just running into some luck and that's it?
Thanks in advance for any knowledge...even if this fixes it, I'd
rather understand what the issue is and if there's a way I can get
back to the 1.1 dtd...I suppose I could serve IE7 content with the 1.0
transitional dtd...