I'm using Dreamweaver CS6. I have a header container 800 x 125 with a top and bottom container within it and want things lined up to the right. The top container contains a menu bar and the bottom container contains a js script which calls up a different image each time the page is loaded or refreshed.

I wanted the containers to be 475 wide with the top container height 25 and the bottom container height 100 and float to the right stacked on top of each other. If I do this it throws the whole page off and seems to create a space between the top and bottom containers.

However, if I donít specify a width or set it to 800 for the top and bottom containers and set the left margin to 375 for each container everything lines up perfectly.

Why is this? Is that the way it has to be??