Visualizzazione non corretta degli elementi JQuery UI su Internet Explorer 7 e 8

La suite di widget di JQuery UI è molto pulita, performante e semplice da usare. Mi è capitato recentemente di non riuscire a visualizzare correttamente alcuni elementi (in particolare il Menù) su Internet Explorer 7 e 8 (mentre – ovviamente – su Google Chrome, Mozilla Firefox e IE11 funzionavano correttamente!).

Dopo aver provato a modificare i fogli di stile e sovrascrivere il comportamento dello stile predefinito di JQuery UI ho scoperto che la soluzione è banale:

è sufficiente cambiare il DOCTYPE (se specificato):

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

con

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

o con questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">

Tutto funzionerà alla perfezione!