Issue with Firefox margin-top

HTML & CSS
1

Hey guys,

Ok my site looks perfect in Google Chrome and very very similar in Firefox, but am having one issue…

Here is the link…

http://terrywhitehead.ca/election/

Now in Chrome the slider title lines up perfect with the red background bar which is what I want and goes behind the nav nicely but in Firefox its off about 5px or so and doesnt show behind the nav.

Never tried it in Internet Explorer but could someone let me know how I can make it so the grey title bar will line up nicely in Firefox and Chrome.

Thanks,

Mike

2

I checked ie7 and 8 with the fix I gave and it seemed to be ok.

3

Thanks PAul O’B worked perfectly looks same on Firefox and Chrome now, just wish I had IE here but I don’t hopefully it looks fine in IE as well lol I’ll have to test tonight when I get home.

Thank you,

Mike

4

Hi,

Float Content instead and then all browsers will behave the same.


#content {
   [B] float:left;
    width: 934px;
    margin:-17px 0 0 33px;[/B]
   [B]display:inline;[/B]
    overflow: hidden;
    background: #FFFFFF;
    position: relative;
}

Just remember to clear anything that follows.