[jQuery] ie7 select-dropdown and max-width
i am trying to get ie7 to behave like other browsers in a form with a
very wide "select" like a country listing. i want there to be a width
on the "select", but let the "options" width overflow as necessary.
the only javascript that halfway allows this, something like i am
using...
$(function() {
$("select").mousedown(function(){
if($.browser.msie) {
$(this).css("width","auto");
}
});
$("select").change(function(){
if ($.browser.msie) {
$(this).css("width","125px");
}
});
$("select").blur(function(){
if ($.browser.msie) {
$(this).css("width","125px");
}
});
});
the problem with this solution is it also widens the whole select
which may break the layout
here is sample with country list:
http://www.roxstyle.com/projects/blssi/cms/de-tool/proj-distribution.html
are there better resolutions for this that just work on the options
but not the whole select?