header di un template full page (width 100%)

[vchierici]

Buonasera, sono di nuovo qui...
Ho fatto un template full pagina.. molto semplice.. l'header di questo sito è un immagine con una scritta.
Il problema è questo.
L'immagine che inserisco tramite il css viene ancorata al centro e la parte sx e dx dell'immagine si vede a seconda della risoluzione del monitor (piu risoluzione hai e piu immagine vedi)


Io vorrei che l'immagine faccia un resize automatico in base alla risoluzione del monitor in modo tale che da qualsiasi pc il sito venga visualizzato sia sempre uguale!

il css che l'header usa è questo

Codice: [Seleziona]

.art-header {


    background-image: url("../images/header.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 110px;
    margin: 0 auto;
    position: relative;
    z-index: auto !important;
una piccola soluzione l'avrei trovata. cioè usare

Codice: [Seleziona]

background-position: left top;
in modo tale da ancorarla a sinistra, ma la fluidità comunque non la raggiungo.
Potete aiutarmi ? c'è una soluzione?
GRAZIE
Il link del sito è
http://www.maricapiccardi.it

[adottauncane]

Ciao vchierici,
il sito è off line.

[vchierici]

Scusa! hai ragione.. mea culpa..


 in realtà ho risolto facendo un immagine più corta e sfruttando il fatto che sia l'immagine che lo sfondo della pagina sono bianchi e quindi non si nota questo "orrore" 


Inoltre usando il comando css

Codice: [Seleziona]

background-position: left top;
[size=78%]la posizione dell'header è fissa a sinistra e non va in gir[/size]o



Ciao e Grazie!