I had this exact same problem: to fix I had to set an explicit pixel width (_not_ %) on the select
really weird alright... Have no idea whats going on, so would love it if someone could shed some light on this. cheers, jon On Oct 24, 9:11 am, damenlon <[EMAIL PROTECTED]> wrote: > Hi, > > The problem is simple. I just want to add <option> to <select>, but > the size of <select> shrinks. > This happens in IE7. Works fine in FF3. > > I couldn't find any post about this problem. Maybe I was doing > something wrong. > Can anyone help? Thanks! > > Below is the simple html I used to test. > --------------------test source----------------------- > <html> > <head> > <style type="text/css"> > select { > width:100%; > } > </style> > > <script type="text/javascript" src="../script/jquery-1.2.6.min.js"></ > script> > <script type="text/javascript"> > $(function() > { > alert(""); > $('select').append("<option>1000000000000000000</option>");}); > > </script> > </head> > <body> > <table border=1 width="100%"> > <tr> > <td><select></select></td> > </tr> > </table> > </body> > </html> > --------------------test source-----------------------