Image not snugging next to content area

[tryin_to_learn]

I'm having 2 different problems with this site. One is probably a JavaScript fix, the other, CSS.

The CSS fix I need help with is with the first tab -- the yellow one. On the left hand border, there's a 1 px spot that's yellow, not black. It's a break between the black border of the 'Send-a-Gram' image and the CSS border of the content area. I've tried everything I can think of to snug those two together but nothing has worked. Any ideas?


The second problem is that the png transparencies aren't working in IE 6 or 7. I've posted about that on the JavaScript board but if any of you have input, I'd love to hear it. I added a JavaScript file that I've used before to fix it but it's not working here. I may not be calling it correctly or something. Also, supposedly the png files should work in IE7, but with this site, they're not so I'm not sure what the difference is. The JavaScript file is pngfix.js and I'm calling it in the header like this, which really doesn't seem right since mine isn't working in IE7, either:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Would love help with either or both of these. Thanks.

[CaryD]

As far as the pngfix.js goes, the file is located in your "_scripts" directory just like your other scripts. Fix the src path and it will work.

[CaryD]

The CSS fix I need help with is with the first tab -- the yellow one. On the left hand border, there's a 1 px spot that's yellow, not black.

You can try this.

Add the #yellowtabfixer div like below.

<div id="content">
<div id="yellowtabfixer"></div>
<ul class="tabset_tabs">

Add this styling to the bottom of your default.css.

#yellowtabfixer {
	background: black;
	height: 1px;
	width: 1px;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 5;
}