CSS Layout for Images & Captions

How do I create CSS elements allowing two images (photos) to be placed side by
side with their respective captions underneath them, also side by side.
Something like:

Img 1 Img 2
Cap 1 Cap 2

I have managed to do this in IE, but in other browsers (Firefox, Opera,
Mozilla) the captions either wind up run together or appear one below the other
under the left image. Something like:

Img 1 Img 2
Cap1Cap2

or

Img 1 Img2
Cap1
Cap2

The site supports the courses I teach, and having images side by side makes
things easier for students. A table is one solution, but the remainder of the
site is laid out using CSS and I?d like to find away around using tables. Using
layers is difficult because page lengths change as content is added during a
course.

Thanks for any and all suggestions!

elbows2 wrote:

How do I create CSS elements allowing two images (photos) to be
placed side by side with their respective captions underneath them,
also side by side. Something like:
snip
The site supports the courses I teach, and having images side by
side makes things easier for students. A table is one solution, but
the remainder of the site is laid out using CSS and I?d like to find
away around using tables. Using layers is difficult because page
lengths change as content is added during a course.

Thanks for any and all suggestions!

Personally, I think tables are just fine for image galleries. An
alternative to a table would be to use floated div's. Here's an article
that'll help out:
http://www.alistapart.com/articles/practicalcss/

--
kindler chase
http://www.ncubed.com
Home of SuperInvoice: The Online Invoicing Application.
Organize your billing process and impress your clients.

news://news.ncubed.com/support
n3 Support Group

My thanks for the reference to a very helpful article -- and for confirmation that my lurking suspicion regarding the continued usefulness of tables was not altogether misplaced.