[jQuery] Dialog Box Too Small

[jQuery] Dialog Box Too Small

<div dir="ltr"><div>Thanks for taking the time to read my question.</div>
<div> </div>
<div>I have a dialog box on my page that pops up after clicking the link.</div>
<div> </div>
<div>My problem is that when it comes up, it is too small. My content requires the size of the dialog box to be both wider and taller.</div>
<div> </div>
<div>I've downloaded jquery-ui-themeroller.css from Themeroller.</div>
<div> </div>
<div>I've tried to add width and height to .ui-dialog, but it doesn't make a difference to the size. I can change the border width, and that changes... I've tried resizing the background image, but that doesn't change anything either. I made it 200px high and kept the width.</div>
<div> </div>
<div>How can I make my dialog box larger?
Thanks,</div>
<div> </div>
<div>Brad</div>
<div> </div>
<div> </div>
<div>.ui-dialog {
 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ffffff url(Images/Dialog/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
 color: #222222;
 border: 10px solid #dddddd;
 position: re<br clear="all">
--
Brad McIntyre
</div></div>