Section Background Breaks?, stripes not lining up. Options

[TheV]

Okay. so I've been working on a new layout. I'm really happy with it with the exception of one thing. As you can see in the picture below... some of the lines in the background (especially around the friends) don't line up properly..is there anyway to fix this?




thanks.

[*alovesopure*]

Posting your code will help.

edit:
I just looked at your myspace, and it lines up perfectly for me.

[TheV]

CODE

<style type="text/css">
orangetext15{display:none;}
{ Created using FreeCodeSource.com Profile Editor }

{ Contact Table }
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url('http://i10.photobucket.com/albums/a122/ministeromagic/SAMSTABLE.gif'); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

{ Extended Network Banner }
table table table td {vertical-align:top ! important;}
span.blacktext12 {
    visibility:visible !important;
    background-color:transparent;
    background-image:url('http://i10.photobucket.com/albums/a122/ministeromagic/bannerme.gif');
    background-repeat:no-repeat;
    background-position:center center;
    font-size:0px; letter-spacing:-0.5px;
    width:435px; height:150px; display:block !important; }
span.blacktext12 img {display:none;}

{ Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
    background-color:000000;
    background-image:url('Enter Image URL');
    background-attachment:fixed;
    background-position:top center;
    background-repeat:no-repeat;
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-width:5px;
    border-right-width:5px;
    border-color:FFFFFF;
    border-style:solid;
    padding-left:0px;
    padding-right:0px;
}

.FreeCodeSource.com { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
    border-style:solid;
    border-width:5;
    border-color:FFFFFF;
    background-color:none;
    background-image:url('http://i10.photobucket.com/albums/a122/ministeromagic/rainbow.gif');
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:top left;
}
table table td font {background-color:000000; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px;}
table div div {background-color:000000;}
table table table table td {filter:none;}

{ Text Properties }
table, tr, td, li, p, div {color:FFFFFF !important; font-weight:bold; }
.btext, .orangetext15, .nametext, .whitetext12 {color:FFFFFF !important; font-weight:bold; font-style:normal; }
.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {color:FFFFFF !important; font-weight:bold; font-style:normal; }

{ Link Properties }
a:active, a:visited, a:link {color:FFFFFF !important; font-weight:normal; font-style:normal; text-decoration:underline; }
a:hover {color:FFFFFF !important; font-weight:bold; font-style:normal; text-decoration:underline;}

{ Tweaks }
a.text, table div font a, table div div {visibility:hidden;}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}

</style>

sorry. =/

that's odd that it lined up for you. I've checked it on IE and firefox.. and both are extremely broken up around the friends pictures.