Grosso problema con i DIV e :hover

[ringhiobox]

Stò diventando matto ....
Qualcuno sà dirmi come posso fare ?
Il mio problema è : da html ho un <div class="main">...

contenuto</p>...</div> .

da css vorrei sfruttare .main{ width: 150px; height: 150px; position: relative;}
e poi utilizzarlo con hover .main:hover{ position: absolute ; top: 10px; lenght: 10px; }
quindi spostarlo del tutto dalla sua posizione originale .

Come posso fare per tenere sempre occupato il posto del div.main ?

Mi servirebbe tenere il div in posizione relativa.


Grazie infinite a chi mi da una mano

[Nobody33]

Devi fare un contenitore nonno per i due.
Inoltre, dove si sposta il div, servirebbe un altro contenitore.

Ma, in ogni caso è una pessima pratica fare un :hover su in intero div.

Usa qualche script...

Hai un link alla pagina?

[ringhiobox]

Il mio problema è che devo fare tutto usando solo css senza script ...
cmq grazie mille per la dritta vedo di provare subito ...