Mam taki kod

[HTML] pobierz, plaintext 
<div>
   <div id="1">
      <input type="button">
      <input type="button">
      <input type="button">
      <input type="button">
   </div>
   <div id="2" style="position: absolute; width: 200px; height: 200px;"></div>
</div>
[HTML] pobierz, plaintext 

Chodzi o to aby przykryć div'y z buttonami w taki sposób aby nie można było w nie kliknąć.
Na firefox przykład ten działa bez problemu, natomiast na IE można bez problemu kliknąć w dowolny button.
Dopiero gdy do div id=2 dodam background-color np na czarny to otrzymuje żądany efekt.
Ma ktoś pomysł jak to rozwiązać aby nie trzeba było dodawać koloru?
Zaznaczam, że buttonów tych jest bardzo dużo i w różnych formach dlatego zależy mi na takim właśnie rozwiązaniu jakie zaproponowałem.

Najpierw ten kod doprowadź do porządku, bo nie jest on poprawny.

Dopiero wtedy pogadamy o tym, co nie działa.

Jest to wyłącznie kod poglądowy przedstawiający problem, który pojawia się wyłącznie w IE

Rozwiązanie jest bezsensu, bo każdy kto ma trochę rozumu i/lub firebug'a wyłączy sobie tego div'a i może klikać ile chce. Lepiej by już było nadać im disabled albo usunąć w ogóle. Jeśli już chcesz się trzymać swojej koncepcji to może spróbuj z display:block ew. background:transparent.

Pozycjonuj div id=2 względem diva głównego. Głównemu nadaj position:relative, a temu z id=2 odpowiednie położenie (top, left ...).

<button disabled="disabled">Przycisk zablokowany!</button>Ten przycisk jest zablokowany - <b>disabled="disabled"</b> (nie obsługuje Opera&nbsp;6). - z kurshtml.bloo.pl