I’m having an issue where a drop down list in IE 6/7 is behaving as such:

You can see that the drop down width is not wide enough to display the whole text without expanding the overall drop down list.
However in Firefox, there is no issue as it expands the width accordingly. This is the behaviour we want in IE 6/7:

We’ve looked at various ways to utilize the onfocus, onblur, onchange, keyboard and mouse events to attempt to solve the problem but still some issues.
I was wondering if anyone has solved this issue in IE 6/7 without using any toolkits/frameworks (YUI, Ext-JS, jQuery, etc…).
This guy had the same problem as you and he came up with a solution. It is a bit of a hack and depends on how you have your UI setup, but it is an option. I hope it helps.
edit
The link that I started off looking for was actually this one, which is the same one Tim suggested. I think it is a better solution than my original find. 2nd edit This solution is actually dependent on the YUI framework, but I wouldn’t imagine replicating the main idea behind it being too hard. Otherwise, the 1st link is alright too, and much simpler.
Good luck.