Text in tables shifting in different browsers...

Question

I have set up a page using tables.
In the middle of the page are 4 images pulled in and lined up
horizontally separated by table cells (for some space).
The tables immediately underneath the photos are for adding
text.
I center aligned the text and am controlling only the font
style (no colors, sizes, etc) from a separate external CSS file.
The first line of text is "paragraph" format, the second line
of text is bigger/different color and in "heading 1" format, the
third chunk of text is "paragraph" format also (it's an actual
paragraph).
When I view this page in the 4 main web browsers, this text
shifts up and down. In other words, all 4 photos underneath
descriptions are not aligned nicely horizontally. The tables are
perfectly aligned, so why is the text moving vertically inside when
previewed?
Here's a link to my site:
http://student.ccbcmd.edu/~rsmit459/playingthedrums/index.html
View it in different browsers and watch the copy under the
photos shift vertically (not lined up across the page).

Answer 1

*bump*