Print button and TOP button moving across page in IE6 (SOLVED)

[JamesD]

Hi folks, I am working on my first major layout change of the basic cmsms and have run into a few small but significant problems. At the site http://sharp-shotz.com/index.php when the page loads the print icon and the TOP link at bottom of page appear just off the edge of the main content area, they both have float: right set on them.

When either of them are in a mouseover state they jump to their proper position on the far right of the main content area. My problem is obviously why are they jumping and how do I make them appear in their correct position to start with. I have just noticed that the same thing happens if I mouseover the links in the right content area also.

Not sure which piece of styling is causing the problem, so not sure what to post here, if you need to see a specific part let me know. Thanks.

[SideshowBob]

Hi James,

Welcome to the world of the IE6 double float margin bug! (http://www.positioniseverything.net/exp ... argin.html)

You can fix your issues with :

.right49{display:inline} /*fixes print and top links*/

div#stepbystep{display:inline} /*fixes right content area jump*/

You might want to reduce or remove the width of .right69 as well, this will reduce the wrapping of longer page titles. e.g. http://sharp-shotz.com/index.php?page=prma

I'd highly recommend understanding this bug as it tends to occur quite a lot...

cheers,
Bob

[JamesD]

Thanks for that, the CSS I don't have too much of a problem with but the, mainly IE bugs are doing my head in. Ho Hum.