I design websites… a lot. Every now and then, for no apparent reason, HTML and web design can throw a curveball at me.  I recently had to exhaustively search the web for a solution to a seemingly simple problem.

With a recent website I designed… (simple table layout, nice clean css), I was noticing a space between the flash movie that I had designed and put on the page.  I couldn’t figure it out.  My css was clean, the tables were pixel perfect… but no matter what I did, I couldn’t get the damned space away.

I did exhaustive research (until 2 am), and finally got an answer.

When you encounter this issue, you can use this little snippet of css magic to eliminate the space. Generally the issue is when you want to use a flash movie and have a background butt right up against the bottom of it.  Who knows why browsers can’t sometimes see the code the way we see it.

td object, td embed { display:block; }

Good luck!