jQuery UI checkbox nightmare

jQuery UI checkbox nightmare

I'm sure I'm missing something fundamental here.... But maybe someone can help.

I am using jQuery UI and wanted to take advantage of their buttons and buttonsets. If you look at their site, their buttons and buttonsets look all happy and pretty. The buttonset buttons are adjacent to each other, rounded, etc (http://jqueryui.com/demos/button/#checkbox)

I applied the buttonset to my site and they look awful. The font is huge (as if the label is using h2 or h3 or something), and the buttons aren't next to each other. In fact, they're all in a vertical row. And they're not rounded. The button feature has definitely kicked in though as I no longer have the traditional check boxes.

I can make the boxes appear adjacent to each other by modifying my CSS, but then my text fields don't line up. I can't seem to manipulate the font size in the label. And I have no idea why the corners aren't rounded. Argh!

I have the feeling I'm missing a step here. Is there anything else I need to do to make these buttons work? Or is this just a CSS-issue I have to deal with?

Thanks!