firefox specific css rendering error?

[jonameijers]

Hi,

For this website [leidenhoven.nl] I edited a commercial Joomla template Css. I have very little experience with Css and basically I took a trial and error approach to get the content and modules to display properly.

After testing I found that Firefox doesn't render the top image rotator module in the correct position. I've tried many other browsers on different platforms, and the problem is specific to Firefox. I have tried to do some css tweaking with Firebug, to the effect that any adjustments for Firefox results in incorrect rendition on all other browsers.

Any help would be very much appreciated!

[edited by: jonameijers at 3:39 pm (utc) on Feb 23, 2011]

[Fotiman]

Welcome to WebmasterWorld!

Try adding clear: both; to your #rt-subnavigation .rt-block styles. Your #rt-logoblock element is floated left, and the contents above the image rotator aren't tall enough in Firefox to cause the top of the .rt-block to start below the floated element.

[jonameijers]

Perfect!

Thank you very much for the quick reply! After adding the clear:both; line to rt-block Firefox now displays the module correctly!