Some HTML/CSS Help

Hi all,

Few issues. If you go to http://mfmacbros.com/testsite/ I am currently having 2 issues. In the navigation bar there is spaces between the images for some reason, and also I want the images to change when you hover over them...how do you do that? Also, I can't get that black advertisements box up at the top of the page where it needs to be. Any help is appreciated.

Thanks,
-Shaun

Move the sidebox before the content and it will be where it needs to be. You may just want to float the content to the left too and leave things where they are. As for spaces in the navigation. I'm not seeing any in Firefox. Did you fix the issue or is this an IE thing? To get them to change, search for CSS rollovers.

Okay, I have everything fixed except for now the background image doesn't show up behind the content because its "floating". (http://mfmacbros.com/testsite/). I have everything fixed except for that...any suggestions?

Add this to #bodyBG
overflow:hidden;
and please stop using deprecated attributes like align. They aren't going you any good.

Haha, thanks for the help, what does overflow: hidden mean? Also, by deprecated values do you mean the align="left" in the HTML? Its a bad habit, I know haha.

Well when using overflow:hidden; or overflow:auto; with an element that has a set height the element will either hide anything that is bigger than its height or create a scrollbar to allow you to scroll to see the rest of things inside of it. However if you don't use a height both overflow:auto; and overflow:hidden; will contain your floats.

http://www.quirksmode.org/css/clearing.html