Dialog Box Too Small

Dialog Box Too Small


Thanks for taking the time to read my question.
I have a dialog box on my page that pops up after clicking a link.
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.
I've downloaded jquery-ui-themeroller.css from Themeroller.
I've tried to add width and height to .ui-dialog, but it doesn't make
a difference to the size. I change the border width, and that updates
the border... I've tried resizing the background image, but that
doesn't change anything either. I made it 200px high and kept the
width.
How can I make my dialog box larger?
Thanks,
Brad
/*
* jQuery UI screen structure and presentation
* This CSS file was generated by ThemeRoller, a Filament Group
Project for jQuery UI
* Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
* Visit ThemeRoller.com
*/
/*
* Note: If your ThemeRoller settings have a font size set in ems,
your components will scale according to their parent element's font
size.
* As a rule of thumb, set your body's font size to 62.5% to make 1em
= 10px.
* body {font-size: 62.5%;}
*/
/*dialog*/
.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: relative;
}
Thanks,
Brad