div в div

Здравейте!

Имам следният проблем който със сигурност е много елементарен за решение но просто не ми идва на акъла как да стане. Та, имам един <див> и в него има втори <див> така са ксс стил за първия има текст-алигн центар. За боди има също текст-алигн центар при което първият див се позиционира правилно но втория остава в лявата част на първия. При добавяне на текст-алигн центар в парвия див втория остава непокътнат. Да добавя че това се случва само при ФайрФокс иначе при Интернет Експлорер всичко си е наред без никакви добавки.

Благодаря предварително за помоща.

АМи няма нужда от това text-align, може и с margin: auto; :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[линк]">



<html lang="bg" xml:lang="bg" xmlns="[линк]">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<style type="text/css" media="screen">

<!--

body{

font-family: verdana, sans-serif;

font-size: 1em;

}

div#outer{

width: 600px;

height: 400px;

margin: 0 auto 0 auto;

background-color: #ccc;

}

div#inner{

width: 300px;

height: 200px;

margin: 0 auto 0 auto;

background-color: #999;

}

h1{

font-size: 1.2em;

}

-->

</style>

<title>Centered DIV in centered DIV</title>

</head>

<body>

<h1>Centered DIV in centered DIV</h1>

<div id="outer">

<p>Outer DIV</p>

<div id="inner">

<p>Inner DIV</p>

</div>

</div>

</body>

</html>

[линк]

Приемам че говориш за следната постановка (кодът в червено е това, което трябва да добавиш за да центрираш и втория div):

CSS:

body {

	text-align: center;

}

#div1 {

   text-align: center;

}

#div2 {

        width: 100px;

	margin: auto;

}

XHTML:

<body>

<div id="div1">

  <div id="div2">some text goes here</div>

</div>

</body>

Благодаря ви, сега работи.