Recently, I was working on an updated header for the site at CowboysCorral.com, a place where you can buy Dallas Cowboys Game Packages.

The new header was a layered Photoshop image that consisted of three sliced images. One of the images was converted to Flash so I could place banner ads in the header.

As is the case with anything when coding, I ran in to an issue.

For whatever reason, there were some funky spacing issues when I nested the three files in to a table. The regular .jpegs aligned fine but the Flash file seemed to have a mind of it’s own. What’s weird is the files seemed to look good when tested in Safari and IE7 (it’s weird because Internet Explorer is usually the bain of my web existence) but Firefox was creating the problem. Well, after some soul searching and code changes, I found A fix that worked for me.

To anyone who is experiencing spacing issues when embedding Flash files in to a table, give this a whirl.

td object, td embed {
vertical-align: bottom;
}

Enjoy!