Jquery UI Dialog ... CSS in IE doesn't work like FF etc

If I write html to a Jquery UI dialog box it is naturally centred. I add a DIV and use some CSS ...

#printReport {
  text-align: left;
  font-family: Tahoma;
  font-size: 12px;
  width: 880px; 
}

... and then

$("#printReport").empt开发者_如何学运维y().append(results);

to put text on the page - and it does what I want in FF/Chrome etc (left justified) ... but in IE (V7 and V8) the text is still centred.

Am I missing something? Thanks

I am assuming some of the parent div's are set to be centered, eiter by using the deprecated tag or by doing something like:

margin: 0 auto

in order to make it work you should do something like this:

body {
text-align: center
}

#printReport {
width: 880px;
margin: 0 auto;
text-align: left
} 

hope that helps.

As per the comment, it was a problem in the CSS and nothing to do with dialog .. sorry