Hi all

here's my css file:
http://domah.net/lfc/css/style.css

and here's the html page:

http://domah.net/lfc


My prob no 1:

You will see a white background. This consists of a mainBodyDiv which contains a leftColDiv and a rightColDiv. The problem is that as content gets added to them, these two divs overlap the mainBodyDiv in Firefox.How can i solve this problem?

My prob no 2:

Everything in the website is contained inside a wholeSiteDiv. I used 'body { text-align:center;}' to center it in the page.However, this does not work in Firefox.Does anybody know how to align a div in the center of a page using CSS.Else i am left with html <center> tags, which i dont want to use.

Thanks

For problem #2, add

margin:auto;

into your css for your wholeSiteDiv.
I am still working on problem #1

Thanks Stephanie, problem #2 is indeed solved

What's with the slashes in the rules: //w/idth ?? You should NOT use hacks like this. Use conditional comments to target IE and create separate CSS files that are called by those CC's and contain ONLY those rules needed to make IE behave.

As for problem #1 - you must CLEAR your floats. There are several methods listed here:
http://css-discuss.incutio.com/?page=ClearingSpace

Once you clear the floats, the divs will contain it's children and your problem should be solved.