Spacing issue

[Historical Forums User]

https://dl.dropbox.com/u/7022706/Milton%20Animal%20Rescue%20League/index.html

I’m working on a project for an animal shelter. I could use a couple of folks to bounce a problem off of. Above is the index. The page renders fine in Chrome, IE, Safari and Firefox 3.5.9 and Firefox 3.6.3 (Windows version)

However, this happens in Firefox 3.6.3 on Mac OSX: http://i.imgur.com/QHX2h.png

I run Windows, but one of folks at the shelter is having the problem.

Which is incredibly bizarre. The quick links get pushed down and it distorts the menu bar. It validates. Thoughts?

[Brido]

Code:

#header { width: 773px; height: 150px; background-image: url(img/headerbg.png); background-repeat: repeat-x; border-top: 1px solid #acaca8; border-right: 1px solid #acaca8; border-left: 1px solid #acaca8; margin: 10px auto 0px auto; position:relative; }

#quicklinks { position: absolute; top: 110px; right:0px;}

Changed your #header to position:relative, and then changed your #quicklinks to position:absolute with proper alignment.

[Historical Forums User]

Thank you. I’m not sure if that fixed it as the problem only seems to occur in Mac FF, but let’s see what happens when my tester runs it through her Mac.

[Author]

Posts