Hi I have done two pages and they seem to work fine in IE8 but when I view it in firefox there are a couple of issues: r h i n o - p r o d u c t s . b i z / n e w / On the home page i have a lightbox set up for the polaroids with specific width and height. In IE the div is exact in size but in firefox the div seems to expand beyond the dimensions of the div (a red dotted border is displayed on click) On the Products page, the right hand side of the book has products listed in which you hover over and the polaroids will reflect different angled shots of the product that the cursor is over. Each product line is a hyperlink but in Firefox some of these lines are unlinkable whereas in IE there is no problem here! It is the same instance with the sub menu on the left hand page too Can anyone point me in the right direction of solving these issues please?
I just looked at your CSS and the problem isn't FireFox displaying it wrong, it's that IE is a little too forgiving on your positioning issues... You are floating and positioning in the same classes therefore causing your own issues... Either float or position, can't do both.
Never, ever trust IE. It's the worst browser on the planet. Firefox shows what you wrote. IE makes things up as it goes along. You have about 5 CSS errors that need fixing.
I have managed to get my demo pages working in opera, firefox, chrome and IE8 (latest versions) so far but when the site is viewed in IE7 (compatibility view in IE8) the page is broken. r h i n o - p r o d u c t s . b i z/rob/productSub.asp?subNav=Flight Cases" Can someone please point out where i am going wrong please?
I see you do not know much about CSS. IE7 is rendering CSS in a different way, that's why you often need conditional comments for different IE versions... if your CSS code is bad :|