Need help with my sidebar, something's creating a blank space Options

[idahoprime]

Hi. I hope someone can help me out. This is driving me nuts. I am testing for a new site design. The test site is at http://idahoprime.blogspot.com

in IE, everything looks OK. but in every other browser, theres a black space between the top banner and the sidebar. as you can see, the images in the banner and sidebar need to be touching. I dont know why it works in IE, it even works in teh firefox blogger preview. But not when it's live.

Im assuming there is some CSS conflict or something, maybe a 1pixel border somewhere throwing it off, but i cant find it.

can anyone help me? PLease? Let me know if you need me to paste any code here.

thanks

[graffitiboi08]

i think it looks great lyke that, helps breaks the syte up, but i was wonderin if you could point me in the right direction of some css tutorials because i also have a blogger syte im tryna design an i need to break up my posts and stuff sorta lyke you did

[idahoprime]

well, i was talking about the picture, it looks terrible with a line through it.

i dont really know of any tutorials really. are you talking about the yellow lines i have in there? If so thats real easy. just a tiny bit of code.

[graffitiboi08]

yea im talkin bout the yellow lines

[idahoprime]

ok, heres how it is in mine. in the code, under the POSTS part:

/* Posts
----------------------------------------------- */
.date-header {
margin:0 2px 0;
padding-top:.25em;
padding-bottom:.25em;
border-top:.25em solid #ffbe2c (or whatever color u want);
font-size:100%
}

[graffitiboi08]

thanks