Zarovnat rámeček na střed

Dobré odpoledne,
mám další problém, v css moc věcí nedělám, spíš vůbec v něm nedělám.
Ale teď potřebuju něco dodělat.
Mám hlavní rámeček nazvaný Hlavní a do něj chci na vodorovný střed umístit další rámeček, nazvany Login.
Řešil jsem to takto:
.hlavni
{
width: 600px;
height: 375px;
border-width: 1px;
border-color: green;
border-style: solid;
background-image: url('druid.png');
background-repeat: no-repeat;
text-align: center
}
ale to funguje jen pod IE, můžete poradit jak to předělat i pro FF a jiné?