Como estender o carrossel de imagens do Twitter Bootstrap para imagens centralizadas e dimensionadas dinamicamente

Estou tentando estender o carrossel de imagens padrão do Bootstrap para suportar imagens dimensionadas dinamicamente (máximo de 500 x 400), centralizadas horizontalmente e verticalmente. Além disso, gostaria de manter o layout da legenda original, que ancora a legenda na parte inferior da imagem, com a legenda div se estendendo totalmente na imagem (mas não mais).

Eu montei um violino, que é uma implementação bastante limpa da configuração padrão do Bootstrap (existem apenas 4 estilos adicionais no final da seção css):

http://jsfiddle.net/rdugan/JFBFU/26/

Eu posso realizar com facilidade os requisitos de centralização horizontal e legenda adicionando um div 'em linha' ao redor da imagem e legenda, e usando 'text-align: center' no pai. No entanto, a centralização vertical continua sendo um problema (como sempre).

Como alternativa, eu também tentei usar 'display: table-cell' (e os estilos de centralização que o acompanham) em diferentes divs com resultados variados - em alguns casos eu estrago a funcionalidade do carrossel, enquanto em outros eu realizo a centralização da imagem, mas perca a ancoragem da legenda.

Qualquer sugestão seria muito apreciada - batendo com a cabeça por um bom tempo.

questionAnswers(3)

yourAnswerToTheQuestion