Positioning Problem with my menu bar when viewed in IE

[dthomas31uk]

Hi, Am creating a website.
Have got a problem with my horizontal menu. Everything is fine in Firefox, but have a irritating black bit appearing to the right of my menu.

I know its prob down to the box model issues in IE, but cannot get it rectified.

http://www.exploitation.org.uk/ExploitationNew/index.html

Any ideas guys???

The following is a link to my css

http://www.exploitation.org.uk/ExploitationNew/ExploitStyle.css

Here is the css for the nav menu

#navcontainer
{
margin: 0px 0 0 0px;
padding: 0;
height: 0px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 98px;
height: 24px;
border-top: 1px solid #BEB9B9;
border-left: 1px solid #BEB9B9;
border-right: none;
padding: 5px 0 0 0px;
margin: 0px 0 0px 0;
color: #01A0C7;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

* html #navcontainer ul li a {
width: 98px;
}
#navcontainer ul li a:hover
{
color: #01A0C7;
background: #D9F0F5;
}

#navcontainer a:active
{
background: #01A0C7;
color: #fff;
}

#navcontainer li#active a
{
background: #01A0C7;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
color: #fff;
}

Cheers guys!!

 

[sysadmin42]

no clue, but honestly, if I wasn't looking for it I either wouldn't notice it or wouldn't care. I'd just figure it was part of the design and it doesn't look bad anyway.

 

[Tarwn]

Your container doesn't have a background color and the nav bar is not stretching quite all the in IE, so the "black" bar your seeing is actually a piece of the page background shining through. Quick and dirty fix is to change the background: url(); in container to the same gray color you used for the 10px borders (#BEB9B9).

That'll leave you about 1px short in width, not sure how exact you want to get it. I'd be more concerned with the extra dead space under the exploit star I think...