e-mail templates question

[anil]

Hi dear friends,

 

i have a small problem about e-mail template.

i wrote a css part of this template, when the mail come to me for testing, i can see good solution on iphone, some different in android, but big problem in outlook (pc).

 

my css code is;

 

<div style="width: 100%; height: 100%; background-color: #efefef;">
<div style="margin: 0 auto; padding: 20px; width: 60%; background-color: #fff; border: 1px solid #ccc;">

<p>xxxxxxxxxxxxxxxxx</p>

</div>
</div>

you can see it must be like a box in the center of a page.
in pc this starting left hand side and going to right hand side with endless.

what do you think about this problem. can it be Global "Email CSS Styling" in the general settings?

Global Email CSS Styling is;
body,td { font-family: verdana; font-size: 11px; font-weight: normal; }
a { color: #0000ff; }