All text is on next line after checkbox

[GoogleCodeExporter]

** What steps will reproduce the problem?
Running the html given below. This is raw. Works with blank constructor. No CSS 
changes...nothing. Just a simple select box with js and css import.

** What is the expected output? What do you see instead?
I would expect the text to be on the same line as the checkbox like all the 
demos.

** What is your environment?
-- DropDownCheckList version: 1.4
-- jQuery version: 1.7.2
-- jQuery UI version: 1.8.22
-- Browser and version: Firefox 22.0

** Please provide any additional information below/Please attach sample
html

....
    <script type="text/javascript" charset="utf8" src="r/js/dropdown/js/ui.dropdownchecklist.js"></script>
    <script type="text/javascript" charset="utf8" src="r/js/dropdown/js/jquery-ui-1.8.13.custom.min.js"></script>
    <link href="r/js/dropdown/css/ui.dropdownchecklist.themeroller.css" rel="stylesheet" type="text/css"/>
    <link href="r/js/dropdown/css/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css"/>
....
$("#select_id").dropdownchecklist({emptyText: "<i>Select visible columns 
...</i>", width: 210 });
....
                       <select id="select_id" multiple="multiple">
                            <option value="0">ID</option>
                            <option value="1">Title</option>
                            <option value="2">Description</option>
                            <option value="3">Status</option>
                            <option value="4">Company</option>
                            <option value="5">Account</option>
                            <option value="6">Amount</option>
                            <option value="7">Assigned To</option>
                        </select>
....

Original issue reported on code.google.com by mikele...@gmail.com on 22 Jul 2013 at 10:12