Ciao a tutti, forse non e' chiarissimo il titolo ma il problema e' il seguente

<div class="Button Future" href="#" onclick="document.getElementById('opzioni').style. display = '' ">Pubblica in futuro... <span id="opzioni" style="display:none;">

<input class="HardButton" type="button" name="annulla" id="annulla" value="annulla" onclick="document.getElementById('opzioni').style. display = 'none';">
</span>....

Perche' se il tasto annulla sta all'interno del tag span non funziona mentre se sta esterno al div che lo contiene si?

Se potete aiutarmi vi ringrazio.