IE6 Picture shift.

[keithbrook]

Hi lovely people.

Again, a problem that I don't understand.

I've pictures within the text of some my pages. I'm using Firefox and IE7 to preview these pages. Everything is fine.

Tonight I saw them on IE6. The pictures jump when I hover over another link, as long as it's the first time on that page.

I've searched this forum but I can't find anything.

I'm using the standard templates and CSS with a few minor (I hope) changes  and I've changed the following in 'Layout Left sidebar + 1 column' to give me some space around the images.

img {
  border: 0;
  margin: 10px;
}

And , yes, I've tried padding as well.

What am I doing wrong?

My site is www.keithbrook.com - please don't laugh!!!!!

Thanks in advance.

Keith

[Dr.CSS]

It's called the 3px jog, search the forum for it, I've seen reference to it before, don't remember the fix ATM...

[keithbrook]

Thanks Mark.

I had a vague recollection of something like the 3px jog but didn't know its name.

Thanks for pointing me in the right direction.

After reading loads about this, I tried a little guesswork and added 'height:1%' to 'div#main' in the 'Layout: Left sidebar + 1 column'

That seems to have solved the problem. I can't test on a Mac but if anyone can look at my website, I'd be grateful.

Many thanks again

Keith

[reidjazz]

That seems to have solved the problem. I can't test on a Mac but if anyone can look at my website, I'd be grateful.

Looks good in FireFox 2.0.0.1 and Safari 2.0.4
reidjazz

[KO]

http://www.browsrcamp.com/ That's pretty cool for quick testing.

[keithbrook]

Many thanks RJ and KO for your inputs. Much appreciated.

Keith