Pesky 2px white line in IE

[bjraines]

Ok so I have the newest zencart installed. In the defualt template, beneath the logo wrapper there is a thin white line below my images in the logowrapper that will not go away.

It is not present in FF. I have been through the stylesheet a hundred times I feel like.

It must be a missed margin somewhere.

You can see it at my friend's site at siteguru.us/webtools

Thanks!

[kobra]

You might try editing your:
includes/templates/yourtemplate/common/tpl_header.php
around line 89 (in an untouched version of the file), you have:

</div> </div> 
<br class="clearBoth" />
<!--eof-branding display-->

remove this line from there:

<br class="clearBoth" />

[bjraines]

I tried that and it didnt work. I will find it somewhere or just rewrite the header. Thanks!

[jaz1974]

Hi,

Just wondering if you managed to solve this?
I have the same problem.



Cheers...Jaz

[paulm]

More in general adding this often helps:

.clearBoth{
line-height: 0;
font-size: 0;
}

Note: of course it's even better to add it to the existing .clearBoth (add, so not overwrite!).

[Sketchy]

I'd also like to add... seeing how you're using the tagline wrapper for those image links, you could remove this from the selector to deflate some air from Firefox;

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	float: right;
	}

Although, I'm not sure of the consequences in IE.