Bugg i Mozilla?

Varför fungerar inte det här:

<form action="shop_update.php?shopdisplay=1" method="post">
<input type="radio" id="shopDisplay" name="shopDisplay" value="tables" />
<input type="radio" id="shopDisplay" name="shopDisplay" value="images" checked="checked" />

Om jag flyttar på checked till radioknappen som ligger överst så händer det inget om man uppdaterar i Mozilla men det fungerar om man trycker på länken till sidan eller använder IE.
Vad e fel?

Det kan inte vara så att Mozilla (med all rätt) klagar på att du har två id med samma värde? :i

Heh, kan ju vara så. :P
Men hur ska man skriva radios med styles då? Trodde Id var det nya Name attributet? Och radioknappar ska väl ha samma name för att grupperas?

Hmm...

Det där med att attributet id skall ersätta attributet name gäller bara för taggarna a, applet, form, frame, iframe, img och map

Källa: http://www.w3.org/TR/html/#C_8

Så du kan lugnt köra på med name för att gruppera dina radioknappar ;)

Ett bra sätt att stila flera objekt som ska ha samma stil är med class

.xxx {font-family: verdana;} 
... 
<span class="xxx">xxx</span>

Id och name har för övrigt olika uppgifter, ett bra exempel är label som man kan använda till radio-buttons.

<label for="radio1"><input type="radio" name="formelement" id="radio1" />Radio 1</label>
<label for="radio2"><input type="radio" name="formelement" id="radio2" />Radio 2</label>
<label for="radio3"><input type="radio" name="formelement" id="radio3" />Radio 3</label>