Select box truncating text when body font size changed via javascript on document ready in IE 9

Question

IE 9 is behaving quite strangely for me. I\'ve got a page font-size changing control that saves the users setting and then in the document ready sets the body font-size to

Answer 1

This is my first reply to a question, but I found this page because I have had the same problem.

I noticed that just by adding anything to the value in the Dev Toolbar, the text appeared, so what we did was add then remove some white space, which is working perfectly.

Here's the area of our code that did the job:

$('select').children().each(function() {
  $(this).html($(this).html() +'  ');
  $(this).html($(this).html());
});

I hope that helps someone in the future