IE6 css bug

[jhgall]

I'm working on a Joomla site and my template is doing some weird things in IE6.

http://bne-cp030.web-host.com.au/~latinfus/index.php?option=com_content&task=view&id=12&Itemid=12

When you hover over a link, the background-image seems to duplicate itself in a different location. If I remove the float that the left nav is in the problem goes away but I don't really want to do that.

Also, if you reveal any of the javascript pop-up menu on the left nav you'll see another peice of the background image displayed momentarily . Driving me NUTS.

I can't seem to google any info about it. If anyone has some tips or can point me in the right direction I'd appreciate it immensely.

Cheers
Jamie

[_Aerospace_Eng_]

Okay this sounds like a variation of the peekaboo bug. position:relative; fixes a lot of things in IE sometimes. First thing to try, make all of your links position:relative;
If that doesn't work then you need to make your main elements position:relative e.g. your sidebar, your header, and your content.

[jhgall]

Thanks for the tip. I found some info about the peek-a-boo bug.

http://www.positioniseverything.net/explorer/peekaboo.html

Putting a line-height in the container div holding the float seems to have fixed my problem.

Thanks again.