I’m a slight newbie to CSS. I recently completed an intermediate course and with the help of a floating tutorial I was able to get my design to line up the same way as my mock up. ( Horizontal 3 image based navbar) …
The design lines up perfectly with proper spacing when viewed in Safari but when i test it out in Firefox the middle image pushes really close to the image on the right side. It’s not touching, but it’s really close. I mean there’s still space between the images and i can almost ignore it, but the Safari version looks 100% better and exactly like my mock up.
What could it be that makes the design look like this : ____ ____ ____ in safari but like this: ____ ____ ____ in fire fox.
I can’t get it online right now so that’s the best example I can provide. Sorry.
This is my mock up: http://twitpic.com/isf0a this is also how the design appears in Safari… the difference is that space ship is pushing over in the negative space to the right and a lot closer to the cartoon character head.