Help with white line at Breadcrumb

Hi all , Ive got a tiny little problem thats vexing me for now.

if you look at the breadcrumb part of https://www.tapes-direct.co.uk

there is a one pixel line between the categories box and the start of the word home on IE7 only , looks fine on firefox and mozilla clones. It was either not there or blue , but I have altered something , now its appeared again and I cannot get it back to how it should look .

Any Ideas ! please

Thanks all .

The problem looks like it is being caused by line 243 of your style sheet. You have a left margin there defined that is causing that white line because the part of that bar right next to it eg. is being partly defined by that line..so try taking that left margin to 0 and see if that fixes it.

jheir16:

The problem looks like it is being caused by line 243 of your style sheet. You have a left margin there defined that is causing that white line because the part of that bar right next to it eg. is being partly defined by that line..so try taking that left margin to 0 and see if that fixes it.

Thanks for helping out - Didn't seem to make a difference though!

I changed the line from ```
h1, h2, h3, h4, h5, h6{
margin: 0.3em;
}

To this ```
h1, h2, h3, h4, h5, h6{
margin-top: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.3em;
margin-left: 0em;
} 

and also

To this ```
h1, h2, h3, h4, h5, h6{
margin: 0em
}

Didn't seem to lose that line in IE7 ( I hate IE7 ) Wish you could change CSS on the fly like you can in firefox.

I appreciate you looking.

Can anyone else shed any light on this ? thanks

Hi

Change your css to this and I think you will see your issue go away

.sideBoxContent {
background-color: #FFFFFF;
padding: 0.0em;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-left: 1px solid #000099;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
}

Thank you so much , thought i was never going to spot that , it had me going around in circles !

Thanks again .