Как определить, когда дочерний элемент обрезается overflow: hidden?
 

Есть элемент, реализующий Label одной строкой с заданной шириной. Все то, что не поместилось в элементе обрезается, а в конце строки ставится многоточие.
Код примера: http://jsfiddle.net/raHEb/7/
Собственно проблема в том, чтобы распознавать поместился текст полностью в элемент или был обрезан.
Приведенный пример отлично работает в IE9, IE8, но дает не совсем точный результат в FF, Chrome, Safari, Opera, это видно, если окно с примером плавно начать сужать, текст сперва обрежется, а только потом станет красным. Т.е. возможна ситуация, когда текст будет обрезан, а функция определяющая это вернет false.

уберите в css у .fieldLabel border
из него offsetWidth ширину дает больше

Убрал: http://jsfiddle.net/raHEb/8/. Но тоже не сильно помогло, проверял в FF.