quick one, relative alignment differences with FX & IE

[arcon]

as per the subject, i've got 12 thumbnail images laid out in two 3x2 grids, using CSS relative alignment. looks perfect in IE8 and behaves just how i want when resizing window, same behavior in FX, looks *almost* perfect... but each small thumbnail is two pixels out vertically.. argh! of course i can line it up in FX but then it will be out in IE

 

in the CSS i have specified a 1 pixel border around the thumbnails, but haven't used padding.. could this be the reason for the mismatch in browsers..? any tips apprec.

[Wickham]

You should be able to get IE and Firefox looking the same, but without seeing your page online and downloading the code for testing, I can only suggest a conditional comment.

 

Get it right for Firefox and then insert a conditional comment after the main stylesheet link which only affects IE and put one or two revised styles in there.

 

http://www.wickham43.net/generaladvice.php#conditionalcomments

 

http://www.javascriptkit.com/howto/cc2.shtml

[falkencreative]

Small changes in vertical spacing is sometimes caused by different browsers using a different default line-height. Without the code/images in front of me, this is only a guess, but you may want to set one specific line height in an attempt to bring the different browsers in line with each other.