525790 - right hand column links within a div within a div with an id are not clickable, works in IE

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Kitty Cooper]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)

If I remove the id from my right column div then the links in that column work  I finally managed to fix it by putting an invisible link at the end of the div ??? this seems like a firefox bug. The html and css all validate.

I made copies of the front page of the site to try to fiddle with it to see if I could fix it

with the div all links below the subscribe box are broken ( i even  gave the id for the div a new name -- newrcolcontainer )

http://www.inbizct.com/tester15.htm

no id on the div the links work find (right column has dropped to end of page tho)
http://inbizct.com/tester14.htm

OK here it is with an invisible link at the end of the div, all fixed. weird weird weird
http://www.inbizct.com/tester20.htm


Reproducible: Always

Steps to Reproduce:
click on the bad page


Expected Results:  
links should work, firefox parsing wrongly somewhere

links should work

Comment 1

[philippe (part-time)]

Firefox (and the same applies to Safari) is doing exactly what is expected.

div#rightad is covering /  layered on top of all the previous boxes (#inbrief, #inmotion, #innovate, #newsarchives), and you can't click through (even though #rightad is transparent). Apply a background-color to #rightad and you'll see the issue.

It 'works' in IE because that browser has an weird and incorrect layering model, and allows click-through on transparent elements.

This bug is invalid.

(it you want to fix your file, just remove all the 'float:left' declarations on #inbrief, #inmotion, #innovate and #newsarchives).