הוסטס - פורום אחסון האתרים הגדול בישראל - [בעיה] בעיה בדיב שיצרתי..או ניסיתי ליצור.

שלום לכולם.

יצרתי דיב שבו יש בלוק שייצרתי בפוטושופ ועליו כתובה הכותרת..כמו "חדשות" או "קניות" או כל דבר אחר, ומתחת יש את התוכן.
(תיכף תיהיה תמונה).
הבעיה בדיב היא שהכיתוב, כלומר הכותרת על הבלוק שיצרתי, מיקומו משתנה מדפדפן לדפדפן..אני רוצה שהוא ישאר באמצע, גם אם מגדילים את האתר כלומר מחזיקים ctrl ומזיזים את הגלגלת.
הפיתרון הטוב ביותר הוא לעשות את כל הבלוק בתמונה, כולל הכותרת אבל זה יפגע ב seo וגם זה לא נראה טוב.
הנה הקוד, אם אפשר לתקן לי שגיאות חמורות, אשמח..אני די מתחיל ב css ובכל עניין הדיבים.

PHP קוד:


		
			


<div style="border:1px solid #DCDCDC; width:500px; height:150px; scrolling=no ;overflow:auto"><div style="width:100%">

<div class="text" style=" text-align:right; height:20px; background-image: url(block.png);">

<font size=3pt font face=ARIAL COLOR=#FFFFFF p style="margin-right:3px;">

<B>

כותרת

</font>   

<B/>

<br>

</div>

<center>

תוכן

</center>

</div> 

<br>

</td>

</tr>

</table>

</font> 

</div>

</div>

אין לכם את הבלוק לכן לא תוכלו לראות את זה על מחשבכם, אבל הנה 2 תמונות, אחד בפיירפוקס, ואחד באקספלורר.

פיירפוקס:
http://www.siz.co.il/my.php?i=zyyyjd1k0umq.png

אקספלורר:
http://www.siz.co.il/my.php?i=cnrmmdl5m4qd.png

אתם רואים את השוני?
למה נגיד באתרי התוכן הגדולים..זה נראה אותו הדבר? הכיתוב בדיוק באמצע הבלוק.

תודה רבה.