So I'm using a dojo.form.Select control and it contains really long values something like ...
0029000000000000000000000000000000000000000000000000000000000000000000000000000000000000

the output is like this
table
tr
td
span.dijitButtonNode
span.dijitButtonText
002900000000000000....

Which I want to truncate the selected value for space reasons to

002900000000000000


in my CSS I have set the following ...

Code CSS:
 
 
#ddl.dijitSelect.glossSelect .dijitButtonText{    display: inline-block;    max-width: 470px;    float: left;    width:auto;    overflow: hidden;    padding-right:5px; } #ddl.dijitSelect.glossSelect .dijitButtonNode .dijitInline{    display: inline-block;    max-width:460px;    float: left;    width:auto;    margin-right:5px;    overflow:hidden; }


This code works in all browsers EXCEPT IE8

In IE8 it stretches across the width of the screen and completely ignores the max-width