Boxes displaying differently in IE and FF

[Brian Flanagan]

Hi all,

I am having problems with the layout of my page. I have added a new sidebox, but it seems to align differently in IE and FF. The box in question is on the right and at the moment is talking about the next market day. If you view this in IE, it views fine with the border of the box not going beyond the edge, but if you view it in FF, the box appears to be over the edge.

I have tried changing many different settings within Admin and within my CSS files, but I can't seem to get a combination that works.

The current settings in Admin are:

Column Width - Left Boxes: 165px
Column Width - Right Boxes: 165px
Column Width - Left: 165px
Column Width - Right: 165px

The current settings within my CSS file are:

#marketssidebox {
color: #000000;
margin-left: 0px;
margin-right: 0px;
background-color: #eaffca;
text-align: center;
font-family: Arial;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#navColumnTwo {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF
}

Any thoughts on how this can be fixed???