Regole di stile su controlli asp.net

[gpalmia]

Ho inserito nel tag <itemTemplate> di un controllo DataList un bottone. Dopo aver collegato il DataList ad una tabella di database, per ogni record di tale tabella, nella pagina aspx, viene visualizzato un bottone con text il valore di un campo del record.

<asp:datalist id="DataList1" runat="server">
	<ItemTemplate>
		<asp:button id="button1" runat="server" Text='<%# Container.DataItem("MioCampo") %>'>
		</asp:button>
	</ItemTemplate>
</asp:datalist>

Desidererei, definire il formato di questi bottoni usando i fogli di stile ma non mi sembra sia possibile;

Infatti se nel file mioStyle.css inserisco queste righe

#button1
{background-color: Navy;}

non ottengo il risultato voluto.

E' come se l'identificativo "button1" non fosse quello giusto o comunque non venisse riconosciuto dal foglio di stile.
Cioè è come se l'ID servisse solo per la programmazione della pagina ma non per la determinazione delle regole di stile.
La stessa cosa peraltro mi succede con gli script lato client:
se scrivo

<SCRIPT language="JavaScript">

document.all["button1"].style.background-color="navy"

</SCRIPT>

ancora una volta non ottengo il risultato che vorrei

Cosa c'è che non va?
Grazie per la risposta!

[sms]

non ottieni il risultato voluto xkè l'id del controllo cambia.. e cmq non sarebbe un buon metodo xkè, se non ci pensasse il .net, ci sarebbero tanti controlli con lo stesso id..
ti consiglio di rivedere il #button1 in .button1 (.nome = classe) e cambiare il tuo tag in questo modo:
<asp:button id="button1" class="button1" runat="server" Text='<%# Container.DataItem("MioCampo") %>'>
</asp:button>