IE 6 Bug

nicangeli · 08-04-2007, 08:38 PM

Hello,

Glad to be at the forums.

Would anyone be so kind to take at look at this page in IE 6.

http://www.mrsim.co.uk/hupnew

As you can see there is a small blue line through the site. This does not take place in FF or IE 7.

The css is,

Code:

body
{
background-color: #3c4a54;
text-align: center;
overflow: hidden;
}
div.main
{
width: 878px;
margin: auto;
padding: 0px 0px 0px 0px;
text-align: left;
overflow: hidden;
}
div.header
{
width: 100%;
height: 87px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
div.navtop
{
background-image: URL('images/navtopbg.jpg');
padding: 0;
margin: 0;
min-height: 31px;
overflow: hidden;
}
ul.navtop
{
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
li.navtop
{
display: inline;
list-style-type: none;
border-style: solid;
height: 31px;
border-width: 0px 1px 0px 0px;
border-color: #7d8a94;
padding: 0px 5px 0px 5px;
overflow: hidden;
}

a.topnav
{
min-height: 31px;
text-decoration: none;
font-size: 14px;
color: #ffffff;
line-height: 31px;
font-family: Arial;
overflow: hidden;
}
a.topnav:hover
{
min-height: 31px;
text-decoration: none;
font-size: 14px;
color: #000000;
line-height: 31px;
font-family: Arial;
overflow: hidden;
}
a.topnavcurrent
{
min-height: 31px;
text-decoration: none;
font-size: 14px;
color: #000000;
line-height: 31px;
font-family: Arial;
overflow: hidden;
}
div.leftcol
{
width: 200px;
float: left;
background: #ffffff;
height: 822px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;

}

div.info
{
padding-left: 11px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: auto;
width: 188px;
float: left;
overflow: hidden;
}
ul.leftnav
{
overflow: hidden;
width: 187px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.leftnav
{
float: left;
margin: auto;
background-color: #cbd0d4;
padding: 0px 0px 0px 0px;
width: 187px;;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #7d8a94;
list-style-type: none;
overflow: hidden;
}
li.leftnavcurrent
{
float: left;
margin: auto;
background-color: #e8e7e7;
padding: 0px 0px 0px 0px;
width: 187px;
border-style: solid;
border-width: 0px 0px 1px 0px;
overflow: hidden;
border-color: #7d8a94;
list-style-type: none;
}
li.leftnavheader
{
float: left;
margin: 10px 0px 0px 0px;
background-image: URL('images/header-infobox.jpg');
padding: 0px 0px 0px 0px;
width: 187px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #7d8a94;
list-style-type: none;
line-height: 6px;
}
li.footerinfo
{
background-image: URL('images/footer-infobox.jpg');
width: 187px;
}
li.leftnav:hover
{
float: left;
margin: auto;
background-color: #e8e7e7;
padding: 0px 0px 0px 0px;
width: 187px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #7d8a94;
list-style-type: none;
}
ul.navdrop
{
width: 187px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.navdrop
{
float: left;
margin: auto;
background-color: #bababa;
padding: 0px 0px 0px 0px;
width: 187px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #7d8a94;
list-style-type: none;
}
li.navdrop:hover
{
float: left;
margin: auto;
background-color: #e8e7e7;
padding: 0px 0px 0px 0px;
width: 187px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #7d8a94;
list-style-type: none;
}
a.navdrop
{
padding: 6px 0px 3px 5px;
float: left;
width: 187px;
text-decoration: none;
color: #000000;
font-size: 14px;
}
div.rightcol
{
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
margin: 0px 0px 0px -9999px;
padding-bottom: 0px;
background-color: #ffffff;
height: 800px;
min-width: 680px;
}
a.leftnav
{
padding: 12px 0px 4px 5px;
float: left;
width: 187px;
text-decoration: none;
color: #000000;
font-size: 14px;
}
a.leftnavheader
{
padding: 8px 0px 4px 5px;
float: left;
max-width: 187px;
text-decoration: none;
color: #ffffff;
font-size: 14px;
}
li.footerinfo
{
float: left;
background-image: URL('images/footer-infobox.jpg');
width: 187px;
list-style-type: none;
line-height: 17px;
border-width: 0px;
}
h1
{
font-size: 18px;
font-weight: normal;
font-family: arial;
}
img.affhor
{
padding: 5px 0px 0px 5px;
}
div.footer
{
font-size: 14px;
text-align: center;
margin: 0px 0px 20px 0px;
padding: 0px 0px 00px 0px;
background-image: URL('images/footer.gif');
}
p
{
font-size: 14px;
}
h1
{
font-size: 18px;
}
div.index
{
color: #ffffff;
letter-spacing: 8px;
padding-left: 45px;
padding-right: 30px;
line-height: 48px;
background-image: URL('images/alpha.jpg');
}
a.alpha
{
color: #ffffff;
text-decoration: none;
}
a.alpha:hover
{
color: #000000;
}
h2
{
border-style: solid;
border-width: 0 0 1px 0;
border-color: #000000;
margin-right: 5px;
}
li.cat
{
list-style-type: square;
}
a.cat
{
text-decoration: none;
color: #000000;
}

  li.alphabet
  {
  list-style-type: square;
  }
  a.alphabet
  {
  text-decoration: none;
  color: #000000;
  }

nicangeli · 08-04-2007, 08:52 PM

Solved

Jutlander · 08-04-2007, 08:55 PM

Care to share so others with the same problem can benefit?