immagine larga quanto il monitor lo permette

Ciao io avrei bisogno di visualizzare un'immagine in alto, che sia larga quanto lo è il testo sottostante, cioè che sia larga sostanzialmente quanto lo è la finestra del browser.
Avevo risolto così:
<img src="immagini/header.png" border="0" width="100%">

Però funziona solo se uso il browser firefox, con internet explorer l'immagine viene rappresentata alla sue reali dimensioni (100%) e non come firefox che intende il 100% nel senso della grandezza massima che può avere nella finestra (chi ha installato sia firefox sia internet explorer può verificare: www.webdreadlocks.altervista.org).

In realtà anche con firefox c'è un problema, ossia che devo aver salvato un immagine tanto grande in modo che sia compatibile con tutte le risoluzioni e venga così rimpicciolita automaticamente, ma venendo rimpicciolita perde un po' di qualità.

Come devo fare? E' un problema css, o devo iniziare a studiarmi le librerie GD del php?

Potresti utilizzare screen.width di JavaScript che ti restituisce la larghezza dello schermo.

e dopo specificarla direttamente nella width del tag img?

Puoi usare una funzione del tipo

Codice:

---

document.getElementById('tuaimmagine').style.width = valore-preso-da-screen.width;

---

chiaramente assegnando l'id "tuaimmagine" all'immagine in questione.

EDIT: Come giustamente segnalato da NetSkin avevo fatto un errore di battitura... adesso è corretto.

@tuttoeniente:
hai sbagliato a scrivere: If invece di Id:
il code ok è questo:

Codice:

---

document.getElementById('tuaimmagine').style.width = screen.width;

---

ciaooo