[predrag]

The story goes like this...

I started to design personal site and decided it will be center aligned. So it was.

Then, I decided not to develop that theme anymore and started with new one. Then there were problems.
I just can't center-align my layout in Firefox whatever I do. Btw, I use Dreamweaver. In Internet Explorer, it looks like I imagined (good/ok). But, not in FF. I tried to re-type the needed code (from previous ok design) for center align and nothing. I copy-pasted the needed code (just incase) and nothing.
I would not say that I'm a noob and this is starting to stress me. Maybe I was to tired after hours and hours of hand-coding, but I really don't se where is the problem.

I coded test *.css file and test *.html file just for the purpose of center align. It goes like this (css):

Code:

body {
    padding: 0;
    margin: 0;
    text-align: center;
}
#wrapper {
    margin: 0;
    text-align: justify;
    position: relative;
    width: 720px;
    height: 550px;
    background-color: #cccccc;
    z-index: 1;
}

#content {
    width: 480px;
    height: 550px;
    background-color: #666666;
    left: 0;
    z-index: 2;
    position: relative;
}

In html, I nested the content layer in wrapper layer. But the wrapper is not centered in FF and is centered in IE (I know I repeat muself alot, but I'm a bit lost).

Anyone can point me where is the solution?
Thanks in advance,
Predrag

[FiRe]

try adding "float: center;"