Prendre toute la place disponible en largeur pour une div

Bonjour,
j'ai un problème que je n'arrive pas à résoudre. C'est peut-être tout simple, mais le voici.

J'ai une div qui contient trois div, elle sont toutes les trois en inline-block pour rester sur une même ligne. Ce que j'aimerais c'est que la première prenne toute la place disponible sans pour autant faire passer les deux autres à la ligne.
J'aimerais également garder une taille non fixe pour les deux autres, pour qu'elle s'adapte à leur contenu.

Voici les codes :

<div class="com_metadonnees">
		<div class="com_auteur"><strong><?php /*...*/ ?></strong></div>
		<div class="com_date"><?php /*...*/ ?></div>
		<div class="com_action"><?php /*...*/ ?></div>
</div>

.com_metadonnees
{
	background-color: #335879;
	border: 1px solid #335879;
	color: white;
	padding: 3px;
}

.com_metadonnees > div
{
	display: inline-block;
}

Merci d'avance

salut,
de tête et sans avoir tester

.com_metadonnees
{
	white-space:nowrap;
	background-color: #335879;
	border: 1px solid #335879;
	color: white;
	padding: 3px;
}

.com_metadonnees > div
{
	white-space:normal;
	display: inline-block;
	vertical-align:top;
}
.com_metadonnees > div:first-child
{
	width:100%;
}

Malheureusement ça ne marche pas tout à fait, le width: 100% fait dépasser le texte qui suit