Salve a tutti..
In una pagina html ho una scritta login settata a margin-top:10px e poi un campo di testo all'interno del quale l'utente puo scrivere una parola, settato a margin-top: 240px,
Mi sono accorto che se dovessi cambiare il margin-top della login mi si sposta anke il campo di testo.
Come posso fermare il campo di testo, in modo tale da poter spostare senza problemi solo la login?

qui inserisco i codici di css e html
GRAZIE!

/*format.css*/

<style type="text/css">
* {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.log {
text-align: right;
margin-top: 10px;
margin-right: 15px;
}
.form {
background: #ffffff;
padding: 3px;
width: 500px;
border: 1px solid #000000;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin-top: 240px;
margin-left: 220px;
}

.search{
/*padding: 0px;*/
margin-left: 3px;
font-size: 12px;
}

.advsearch{
margin-left: 220px;
margin-top: 10px;
padding: 0px;
font-size:11px;
}

</style>

/*ricerca.html*/

<style>
@import url(format.css);
* {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

</style>
</head>

<body>

<div class="log">
ArcheoLOGIN
</div>

<form name="searchtxt" >
<input type="text" class="form"/>
<input type="submit" class="search" value="Ricerca">
</form>

Ricerca Avanzata