בקישור הזה:
http://dor.friendz-zone.net

כפי שאתם רואים יש תיבת select למטה. כאשר אני עושה ריענון לדף, רוחב התיבה גדל אבל אם אני לוחץ על איזהשהו קישור כמו "ראשי" רוחב התיבה קטן...

למה זה קורה ואיך אני גורם לזה להיות קטן כל הזמן?

קודם כל לפני הכל, הקוד שלך זה בלאגן שלם.
הייתי מציע לך לסדר אותו ,כי בצורת עבודה כזאת מספיק שתעשה טעות קטנה ואתה בחיים לא תמצא מה התפקשש.
שנית, לפי מיטב ידיעתי הפקודה select אמורה לתת לתיבה את הגודל של המילה הארוכה ביותר ולא מעבר לכך.
יכול להיות שזה איזשהו באג של אקספלורר והייתי ממליץ לך לבדוק מה קורה בדפדפנים אחרים.
עוד אפשרות שזה קשור להגדרות של width:auto;' onchange=" תנסה לראות מה קורה אם אתה משמיט אחת מהם או משנה את ערך auto לגודל ספציפי.
מקווה שעזרתי.

מגניב כנראה שזה באג Internet Explorer,

בדקתי ב-Mozilla Firefox וזה עובד מצויין רק שזה זז למרכז משום מה..

זה לא קשור לזה...

את המאפיין style והפרמטר width שבתוכו הוספתי אחרי שגיליתי את הבעיה ...חשבתי אולי זה יפתור אותה. אבל כנראה שלא =\

והורדתי את מה שכתבת אבל זה לא עזר....עדיין זה מחליף גדלים =S
אח"כ ניסיתי לקבוע גודל ספציפי, 100px, וזה באמת נשאר באותו הגודל, אבל כשעושים ריענון לעמוד אז המילה "הקטגוריות -" נשמטת מהמילים "- כל הקטגוריות -". (חוץ ממתי שלוחצים על ה-select). מה שיוצר לי עוד בעיה...

ובקשר לקוד שלי, אין לך מה לדאוג אני מסתדר איתו מאוד טוב =). והוא גם מאוד מסודר ומאורגן...

יש אולי עוד רעיונות לתיקון? או שזה באג ב-IE שלא ניתן לתיקון?

עריכה:

אופס, טעות שלי

ב-CSS הגדרתי ל-SELECT מספר דברים שגרמו לו להתנהג ככה ...
הבעיה תוקנה...תודה