Probleme css

Hello à tous !!


j'ai créer un bout de code css pour un bouton, et je n'arrive pas à redimmensioner le bouton pour qu'il soir plus petit.

Voici le code :


<style type="text/css">


ul#menu {
width: 10em;
margin: 0; padding: 0.2em 0.8em 0.8em;
border: 1px solid black;
background-color: grey;
}
* html ul#menu {
width: 2em;
w\idth: 2em;
padding-left: 0;
padd\ing-left: 0.8em;
}
ul#menu li {
list-style: none;
margin: 0.4em; padding: 0;
}

ul#menu a, ul#menu span, ul#menu h6 {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: grey;
color: black; background-color: #ccc;
}
* html ul#menu a, * html ul#menu span, * html ul#menu h2 {
width: 100%;
w\idth: 8.8em;
}
ul#menu a:hover, ul#menu span {
border-color: black;
border-left-color: black; border-top-color: black;
color: white; background-color: grey;
}
ul#menu h2 {
font-size: 1em;
margin: 1.1em 0 0;
border-color: gray;
color: black; background-color: #eee;
}

</style>
[/code]


Et regardez le résulta sur mon site : [url=http://inforatix.free.fr]http://inforatix.free.fr[/url]


Avez vous une idée?
Merci de m'aider !!
++Configuration: Windows XP
Firefox 2.0.0.12</code>