CSS Gap in Firefox

Hello, I was wondering why there's a gap in the Link Headings in Firefox
but none in IE. The website is www.baum-hs.eu.dodea.edu/beta3

Here's the CSS:

/* CSS Document */
body {
background-repeat: repeat;
background-color: #000000;
background-image: url(../img/background.gif);
}




/*This centers the box through the page*/
#main {
position: relative;
width: 795px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
color: #6D1501;
border: 2px solid #000000;
z-index: 10;
height: 800px;
}

#banner{
position:inherit;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: thin;
z-index: 0;
}

#buc{
position:absolute;
z-index: 100;
left: -30px;
top: 77px;
background-color: #990000;
}

#studentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
padding-bottom: -5px;
}

#doddslinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;

}

#parentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;

}

#teacherlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
}

#leftnav{
position:absolute;
z-index: 10;
left: -81px;
top: 187px;

}

#navbox{
border-bottom-style: solid;
border-bottom-color: #000000;
border-bottom-width: thin;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
width: 176px;
position: inherit;
}

#box{
border-bottom: 1px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-color: #FFFF00;
width: 170px!important;
padding-top: 0px;
}


#box ol{
padding-top: 5px;
}Thanks,Radley

add margin: 0; to the css style below.


#box ol{
padding-top: 5px;
margin: 0;
}




RR wrote:

Hello, I was wondering why there's a gap in the Link Headings in Firefox
but none in IE. The website is www.baum-hs.eu.dodea.edu/beta3

Here's the CSS:

/* CSS Document */
body {
background-repeat: repeat;
background-color: #000000;
background-image: url(../img/background.gif);
}




/*This centers the box through the page*/
#main {
position: relative;
width: 795px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
color: #6D1501;
border: 2px solid #000000;
z-index: 10;
height: 800px;
}

#banner{
position:inherit;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: thin;
z-index: 0;
}

#buc{
position:absolute;
z-index: 100;
left: -30px;
top: 77px;
background-color: #990000;
}

#studentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
padding-bottom: -5px;
}

#doddslinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;

}

#parentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;

}

#teacherlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
}

#leftnav{
position:absolute;
z-index: 10;
left: -81px;
top: 187px;

}

#navbox{
border-bottom-style: solid;
border-bottom-color: #000000;
border-bottom-width: thin;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
width: 176px;
position: inherit;
}

#box{
border-bottom: 1px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-color: #FFFF00;
width: 170px!important;
padding-top: 0px;
}


#box ol{
padding-top: 5px;
}Thanks,Radley

Osgood wrote:

add margin: 0; to the css style below.


#box ol{
padding-top: 5px;
margin: 0;
}

and remove padding-bottom: -5px from this style. It does nothing, you
can't have a minus padding to my knowledge. I guess you were just trying
few solutions to resolve the space issue.

#studentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
padding-bottom: -5px;
}

Thanks! I'm going to give it a try.

Radley


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Osgood wrote:

add margin: 0; to the css style below.


#box ol{
padding-top: 5px;
margin: 0;
}

and remove padding-bottom: -5px from this style. It does nothing, you
can't have a minus padding to my knowledge. I guess you were just trying
few solutions to resolve the space issue.

#studentlinkbutton{
border-bottom-color: #000000;
z-index: 10;
border: 2px solid #000000;
padding-bottom: -5px;
}