I was curious about this. If you check out my page you will see that the h1 "ExitPro main features:" top margin is moving down the flash div 10px from the top instead of just moving itself down 10px. Now I know I can fix this by changing the top margin from 10px to the top padding to 10px but I thought margins were supposed to move the elements around and padding was supposed to move the information in the element around inside of it. What exactly is occurring?
Welcome to the world of
Welcome to the world of collapsing margins and how to fix it:
read up on collapsing
read up on collapsing margins. This is correct behavior. You could add a 1px padding or border to the #flash and then the h1 margin would start from there.
edit/ man, that CT is quick
Thanks for the help.
Got it. Thanks for that link and all the help.