IE7下多个Select互相重叠的解决方法

在IE7中动态操作select的时候会出现下面的问题

　　BUG症状：

正常效果:

问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。

　　解决办法：

　　将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动扩展位置：

引用的内容：

$("#city").css('visibility', 'hidden');
$("#district").css('visibility', 'hidden');
$("#province").append("<option value=001>北京</option>");
$("#city").css('visibility', 'visible');
$("#district").css('visibility', 'visible');