Getting unwanted "submit query" button on form

[eluser]bazianm[/eluser]
First of all, I agree that I must be doing something wrong. I just can't figure out what.

I can't really post a page yet but I can (and have) posted screen shots of the dialog box. Here they are:

The Dialog in the test environment:
http://www.rdiaudit.com/NonCIVersion.png

Dialog in CI
http://www.rdiaudit.com/CIVersion.png

As you can see, the issue is placement of the close button. The "Submit Query" seems to be some text (it is not a button of its own) that is being added to the close button.

The offending line of code is this one:

Code:

<input type="image" src="close.gif" class="jqmdX jqmClose" />

If I remove this line, I lose my close button but the submit query issue goes away. It seems to me that the issue is most likely a CSS one (that's just my guess). Since the CSS files I added are the same between the test and production versions, the only difference has to be CI.

Here's the additional CSS code:
survey_filter.css (basically taken from the jqModal example)

Code:

div.whiteOverlay { background: url(inc/jqmBG.gif) white; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
Brice Burgess <[email protected]> */

div.jqmDialog {
display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
width: 420px;

overflow: hidden;
font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: [removed](document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*color: #d5ff84, #528c00;*/

/* [[[ Title / Top Classes ]]] */
div.jqmdTC {
background: #FFFFFF url(/images/sprite.gif) repeat-x 0px -82px;
color: #000000;
padding: 7px 22px 5px 5px;
font-family:"sans serif",verdana,tahoma,helvetica;
font-weight: bold;
* zoom: 1;
}
div.jqmdTL { background:  url(/images/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(/images/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
background: url(/images/bc.gif) repeat-x center bottom;
padding: 7px 7px 7px;
height: 180px;
overflow: auto;
}
div.jqmdBL { background: url(/images/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(/images/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #000000; }


/* [[[ Button classes ]]] */
input.jqmdX {
position: absolute;
right: 7px;
top: 4px;
padding: 0 0 0 19px;
height: 19px;
width: 0px;
background: url(/images/close.gif) no-repeat top right;
overflow: hidden;
}
input.jqmdXFocus {background-position: bottom right; outline: single;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
margin: 8px 10px 4px 10px;
color: #777;
background-color: #fff;
cursor: pointer;
}

/* div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; } */
div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

That's it. The jqModal .css is straight from the website.

I note also that the buttons and entry objects have changed size... I wonder if that could be causing the problem but I don't know.

Thanks for hanging with me on this.