CSS padding or margin issues with Firefox

[Grudgeuk]

Hi Guys,

Need a little help here. 

Got a site which works lovely in IE, but when I open a certain page in FF, the contents goes to the bottom of the page, spent ages trying to sort the CSS but no joy, can anyone help me out.

The page I have issues with is http://www.northeastwalesnetball.co.uk/index.php?page=league, you just need to wait about 5 seconds for the page to load, then in IE looks lovely and in FF its at the middle content section is at the bottom of the page.

Not sure what is up.

Thanks in advance for some help on this matter. 

[KO]

What an amazing setup of styles but it looks nice.

You have #fl and try adding overflow:auto or overflow-x:hidden on it. Somewhere there is embedded CSS that did seems to do the trick but all this !important makes it very confusing.

[sn3p]

The problem is not the #fl div, it's in the #content div.
It has a too large left and right margin to fit between the floating left and right colums.
Try this instead:

Code: Select all

#content {	
       /*
       margin-right: 190px;
       margin-left: 190px;
       */
       float: left;
       width: 600px;
       margin-left: 20px;
       padding: 15px 0px;
}

[confiq]

Got a site which works lovely in IE, but when I open a certain page in FF,

I would like to correct you here... The site is wrong designed and was made for MSIE only, that's why it's not working on FF.

Try using firebug for FF and you'll see the real power of FF!

[sn3p]

Wrong designed? Nonsense.

[vzw klemtoon]

well, it is dropping down in Safari too. I agree to say its css coded for IE