ADS specializes in using Ruby on Rails to build advanced, scalable, database-backed web sites for organizations of all sizes. Find out more at our website.

Control.Tabs is a simply wonderful JavaScript extension for the Prototype library. In one project I’m using in multiple places and it fits the requirements perfectly. There is, however, a weird problem with one page with IE where instead of displaying the form like this:it looks like this:As you can see the headings and the “Add another photo” links disappeared. Obviously, it shouldn’t do that. Oddly enough, if I move the pointer over one of the links higher up on the tabs the missing elements appear.Once I work out the solution I’ll post it.

The Solution

The solution has presented itself. I’m not 100% sure what the exact cause is, but it was fixed by simply giving the disappearing items an absolute height in the CSS, e.g. “height:35px” for the missing link, and it all worked again in both IE 6 and 7. Go figure.

Other posts you may enjoy

• Can’t connect to local MySQL server through socket