Start Building Professional
Web Apps Today

combo css problem - text aligning to center

Hello,

I am loading a combo as follows:

<div class="floatObj" id="gameSelector"></div>

<script>
var gz=new dhtmlXCombo("gameSelector","gameBox",200);
gz.readonly(true);

gz.attachEvent("onSelectionChange", function() {
var game = gz.getSelectedValue();
loadClips(game);
});
gz.loadXML("xml/gamesXml.php?teamId=0");
</script>


When the combo is loaded the values are aligned center. After the user selected a combo they are aligned left. How can I always have them aligned left? I have a feeling some CSS elsewhere in my page is affecting how the dhxCombo is displaying.

I have tried putting "text-align: left" in dhtmlxcombo.css under .dhx_combo_input, but that didn't work.

Thanks!
-Tim