CSS Trcik of the day

Tried to align div in IE7 and FF3. The code is similar to this one:

   1: <div class="container">
   2:   <div class="child">Some content</div>
   3: </div>

 

I wanted to align (let's say center) child element in relation to container. So I wrote text-align: center CSS to container. It worked in IE, but not in FF. That was very disappointing for me and I couldn't figure out what a problem was. I could align it, but it would require to modify HTML. And I suddenly found this. Many thanks to this guy.

Lesson learned. If you use text-align for layout things and need FF additionally add text-align: -moz-center rule to the CSS.

How I could possibly know about -moz-FTW for the text-align...