Bad rendering in Firefox: "Scene buttons" in Widget Overview invisible, text in wrong position.

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Use Firefox. Go to demo.openhab.org, navigate to Widget overview. (Tested 
using Firefox 17.0.1 Mac and Linux)

What is the expected output? What do you see instead?
a. Expected to see blue and red buttons for TV Dinner and Reading. Don't see 
any in Firefox. They are there (selecting them works) but invisible.
The buttons appear correctly in Safari.

b. Text beside the temperature up and down buttons is underneath the buttons in 
Firefox, but to the left in Safari (Safari looks correct).

What version of the product are you using? On what operating system?
openhab 1.1. Mac (OS X 10.8) and Linux (Mint 13).

Please provide any additional information below.
The buttons also appear invisible on older embedded browsers (e.g. Nokia 810)

Original issue reported on code.google.com by bruce3...@gmail.com on 6 Jan 2013 at 10:04

Attachments:

• Firefox17.png

[GoogleCodeExporter]

Ad Block Plus disabled in Firefox with the same result. No script is set to 
allow all scripts - globally disabling it gives the same result.

Also: Konqueror also does not display the blue/red buttons, but does display 
the temperature text correctly.

Original comment by bruce3...@gmail.com on 6 Jan 2013 at 10:10

[GoogleCodeExporter]

Sorry, the used CSS-UI-framework is only compatible with WebKit-based browsers 
such as Safari or Chrome as it primarily targets mobile devices.
I have just added a note on the homepage about this.

Original comment by kai.openhab on 6 Jan 2013 at 10:19

• Changed state: Rejected