Some kind of blockquote…

I want to create a new section on my blog whit a ranking of my favourites movies, so I created a piece of code on CSS to put the numbers with the position of the movie. This is the code:

#number {
height: 10px;
width: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: #600000;
color: #e1d0b5;
float: right;
}

I pasted that on the stylesheet, I went to create page, I entered <number>1</number> and I found that the result was a small and simple 1… what can I do to solve this ?

Thanks in advance,

Marvin Nash