My website: www.creative-synthesis.com

My issue: In my css I have #white{overflow;} This is causing an unnecessary scroll bar for my content on the first page of my website. Originally this bar only showed up in firefox and IE, but do to some shifting of content, the issue has appeared in safari as well...

I am not sure why this page is having issues in the first page- all of my other pages also contain #white and they are all expanding beautifully.

Please tell me how to fix this problem. Thank you!

The problem belong to your index.html file i would guess.

As i see your files index.html and home.html have the same content.
Home.html display correct, index.html not.

1. No need to have the same files twice.
2. Delete your old index.html
3. rename your home.html file to index.html
4. After doing the above, edit your navigation link "home" and point it simply to http://www.creative-synthesis.com/ ( without index.html )

..and that solves her stated problem how ???

The scrollbar is being caused by the height:50px you have defined on your <dd> tag. Get rid of that and the scrollbar disappears. If you need to adjust the height, change the line height and/or add top and bottom padding to the <dd>, don't give it a fixed height.

Ah sweet, thanks- that makes more since.

Lady, no need for that answer to me... Sound a bit Arrogant, no wonder i heard bad things about this forum, but well...
All iam trying to do is Help.
How it would solve the Problem, its obvious, if 1 of 2 same files work and 1 not, its comon sense to replace them.

If someone is able to post an exact fix, that is for sure nice. But as said, iam only trying to help.

I would still not use the same content for 2 files ( index, home )
Could be seen as duplicated content by google. There is another Reason, but it dont have to be stated here. Offtopic.

Not being arrogant, Basti, but your answer did not directly answer the OP's question - and I did post the solution.