On Sat, 7 Apr 2007, Mauricio Samy Silva wrote:
> It's well know that some styles applied to an OPTION element inside a
> SELECT in most cases is honored by Firefox but doesn't by IE.
Yes, and this varies by browser version as well.
> For example: if we set width:120px for the select and width:200px for
> the OPTION, IE ignore the 200px and goes with 120px for the OPTION.
Since the option elements are inside a select element, what should really
happen? By CSS specifications, the contents of select overflows, and
overflow is visible by default; the select box width should not change. We
can speculate about possible browser style sheet that make the observed
behavior nominally acceptable, but the bottom line is that you cannot
expect anything consistent here.
> Are there a workaround in order to force IE behaves like FFox?
Hardly. But if you want 120px width for a select menu, why don't you set
that width, instead of trying to override the select width in inner
elements (which really _shouldn't_ work, by CSS specs).
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/