Results aren't consistent between FireFox & IE6

[irock]

I'm trying to run a file between the menu icons and the menu text, but I couldn't do that. Am I doing this the wrong way?

div#headerborder {
width: 756px;
height: 84px;
border: 2px solid #1A78CA;
border-bottom: 5px solid #1A78CA;
text-align:center;
}
div#logo {
float: left;
left: 10px;
width: 232px;
height:77px;
background:#FFFFFF;
}
#buttons {
width: 74px;
height: 75px;
padding:0px;
float: right;
background:#FFFFFF;
}
#twosideborders {
border-left: 1px solid #000000;
border-top: 1px solid #000000;
margin-bottom: 2px;
}
.buttontext {
font-family: Trebuchet MS, Verdana;
font-size: 7pt;
font-weight:bold; 
color: 000000;
letter-spacing: 2;
}

<div id="headerborder">
<div id="logo">
<a href='/'><img border="0" src="/images/usblogo.gif" width="220" height="77" hspace="5" vspace="2"></a>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/aboutus.gif width=56 height=55 border=0 vspace=2></a>
<div id="twosideborders"><a href="/aboutus/"><font class=buttontext>About Us</font></a></div>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/forums.gif width=56 height=55 border=0></a>
<div id="twosideborders"><a href="/forums/"><font class=buttontext>Forums</font></a></div>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/prices.gif width=54 height=55 border=0></a>
<div id="twosideborders"><a href="/deals/"><font class=buttontext>Deals</font></a></div>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/solutions.gif width=54 height=55 border=0></a>
<div id="twosideborders"><a href="/solutions/"><font class=buttontext>Solutions</font></a></div>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/learn.gif width=56 height=55 border=0></a>
<div id="twosideborders"><a href="/faq/"><font class=buttontext>FAQ</font></a></div>
</div>
<div id="buttons">
<a href=/news/><img src=/templates/temp/news.gif width=55 height=55 border=0></a>
<div id="twosideborders"><a href="/news/"><font class=buttontext>News</font></a></div>
</div>
<div id="buttons">
<div id="twosideborders"><a href="/"><font class=buttontext>Home</font></a></div>
</div>
</div>

[createErrorMsg]

trying to run a file between the menu icons and the menu text

irock, I'm afraid I don't understand what you mean by "run a file." What exactly is it you are trying to accomplish?

cEM

[irock]

Sorry....Sorry...

I mean run a line between the menu icons and menu text. I just did that, but the vertical border in #twosidesborder doesn't 'touch' the bottom border of #headerborder.

This is the result I see on my browser

--------------------------------
¦ LOGO ¦ A ¦ B ¦ C ¦ D ¦ ¦
¦        ¦
--------------------------------

This is the result I want

--------------------------------
¦ LOGO   ¦ A ¦ B ¦ C ¦ D ¦    
--------------------------------

Thanks for your time looking into this problem.

[irock]

ARGH, I can't depict the results with only ASCII text. I hope you can see what I mean.