Modification des propriétés CSS par une fonction Javascript

Bonjour tout le monde,
je m'en remets à vous pour vous demander quelques pistes pour mon projet.

Objectif : au clic sur un bouton submit, une fonction Javascript change une propriété CSS d'un élément, contenu dans une feuille de [u]style externe[/u] (si ça a quelque chose à voir).

Problème : mon appel de fonction par le bouton submit est fonctionnel, je l'ai testé. Mon script ne plante pas, mais rien ne se passe. Je vous laisse le code

L'appel de fonction

<form name="formulaire">
<input type="button" onclick='ouverture()' value="déroulement"/>
</form>

La fonction

function ouverture ()
{

		var elmt = document.getElementById("barretest");
		elmt.style.height="100 px";

}

L'élément inséré

<div id="barretest"></div>

Les propriétés de l'élément (feuille de style externe)

#barretest {
	background: #FF0000;
	width: 300px;
	height: 40px;
}

Voilà, je vous remercie bien et vous souhaite une agréable soirée

.WIFI

En enlevant l'espace entre 100 et px ?