הבעיה לא במוזילה../images/Emo13.gif
למעשה, אם תוסיף DTD(כדי להפעיל מצב סטנדרטים), אקספלורר 6 ואופרה יציגו זאת בצורה דומה. הבעיה נובעת מההבדל בין מודל הקופסא של אקספלורר(שלא במצב סטנדרטים), לבין המודל התקני של הW3C. לפי מודל הקופסא של IE, הרוחב שאתה מגדיר בwidth כולל את הpadding וborder, זאת אומרת, בחישוב רוחב האלמנט, שני הערכים הראשונים מוחסרים מהראשון. לעומת זאת, לפי המודל של הW3C, הן הpadding והן הborder הם ב_תוספת_ להגדרת הרוחב. כדי לגרום לדף לפעול במצב תקנים ניתן לעשות את הפעולות הבאות: * להוריד את הpadding האופקי, או לקחת אותו בחשבון במתן ערך הwidth(במקרה שלנו, הורדה של 4 אחוזים) * כיוון ולא ניתן, וגם לא רצוי, להגדיר רוחב גבול באחוזים, ניתן להשתמש ב
outline במקום border, שאינו תופס מקום.
outline נתמך על ידי אופרה, ספארי, חלקית ע"י מוזילה(כיוון שהיישום של מוזילה לא תקני לחלוטין, הוא מצויין על ידי -moz-
outline), ואקספלורר למקינטוש. לגבי אקפסלורר לחלונות, אני מניח שאפשר להשתמש בexpressions כדי לפתור את העניין עד אשר יועבר למגרש הגרוטאות יחד עם נטסקייפ 4