שלום לכולם יש לי את ה-list הבא:

קוד:

<div id="menu">
		<ul>
				 <li><a href="index.php?pageid=introduction">הקדמה</a></li>
	 <li onclick="hs(1)" ><h4>מסגרת</h4>
					 <div id="tafn1" style="display:none;">					 
	 <ul>
						 <li ><a href="index.php?pageid=frame" >כלים וחומרים</a></li>
		 <li style="border-top:none;"><a href="index.php?pageid=frame2" >תהליך העבודה</a></li>
					 </ul> </div></li>
		 <li onclick="hs(2)" ><h4>מיכל</h4>
						 <div id="tafn2" style="display:none">				 
	 <ul>
						 <li><a href="index.php?pageid=tank" >חומרים</a></li>
		 <li style="border-top:none;"><a href="index.php?pageid=tank2" >הדבקה</a></li>
					 </ul></div></li>
		 <li ><a href="index.php?pageid=equipment">ציוד</a></li>
	 <li onclick="hs(3)" ><h4>הרכבה</h4>
		<div id="tafn3" style="display:none">
					 <ul>
						 <li><a href="index.php?pageid=puttingtogether">כלים וחומרים</a></li>
		 <li ><a href="index.php?pageid=puttingtogether2">חיבור החלקים</a></li>
					 </ul></div></li>
		 <li onclick="hs(4)" ><h4>דקורציה</h4>
		 <div id="tafn4" style="display:none">
					 <ul>
						 <li><a href="index.php?pageid=designing" >כלים וחומרים</a></li>
		 <li style="border-top:none;"><a href="index.php?pageid=designing2">עיצוב האקווריום</a></li>
					 </ul></div></li>
	 <li ><a href="index.php?pageid=cost" >חומרים ועלויות</a></li>
	 <li ><a href="index.php?pageid=summary" >סיכום</a></li>
	 <li ><a href="index.php?pageid=photographs" >קצת תמונות</a></li>
			 </ul>
 
	 </div>
 

וזהו הקוד של העיצוב:

קוד:

#menu ul
{
margin:0px;
padding:0px;
list-style-type: none;
}
 
#menu li { 
margin:0px;
padding:0px;
border-bottom: 1px solid #26679E;
border-left: 1px solid #26679E;
}
#menu li li{ 
border-top: 1px solid #26679E;
border-bottom:none;
border-left:none;
}
#menu a
{
margin:0px;
padding: 5px 13px 5px 0px;
display: block;
width: 100px;
COLOR:#26679E;
background-color:white;
text-decoration: none;
font-weight:600;
font-size:14px;
font-family:arial;
}
#menu h4
{
margin:0px;
padding: 5px 13px 5px 0px;
display: block;
width: 100px;
COLOR:#26679E;
background-color:white;
text-decoration: none;
font-weight:600;
font-size:14px;
font-family:arial;
}

הבעייה היא שבדפדפנים ישנים כשר אני מוסיף את 2 השורות המודגשות באדום נוסף כאילו עוד px1 בגובה של כל "תא" יש למישהו רעיונות?

למה הכוונה דפדפנים ישנים?
ניסיתי עם IE6, ודווקא כשהוספתי את השורות המודגשות באדום - הטקסט נהיה קטן יותר. (אולי אצלך ברירת המחדל של הטקסט בדפדפן היא אחרת, או שחסר מקטע מסוים של קוד CSS שלא הצגת לנו)

אני חושב שזה בלתי נמנע כי אתה מגדיר שהטקסט יהיה גדול יותר - מה שמצריך יותר מקום.

דבר נוסף כשמבקשים עזרה רצוי לעזור כמה שיותר למי שעלול לנסות לעזור (זה ידרבן אותו לעזור), לדוגמא ע"י העלאת קובץ דוגמא שממחיש את הבעיה, קפיש?

תודה על התגובה המהירה(קצת עוקצנית אבל מהירה אין ספק ) , הטקסט אכן קטן יותר כוונתי הייתה שנוסף px בגובה של li, בכל מקרה כבר מאוחר מחר אני אעלה דוגמה.
תודה ולילה טוב.