I have this line running vertically down the left side of my box image.
See attachment: (box-issue1.jpg)
So, I try to fix it by changing the css widths (see code below) from 273 to 275,
but the line shifts to the right side of the box.
See attachment: (box-issue2.jpg).
Can you tell me how to remove this vertical line altogether?
Thanks. Here’s the css code:
td.qbox2_tl {
background:url(images/qbox2_tl.gif);
background-repeat:no-repeat;
background-position:top;
width:17px;
height:17px;
}
td.qbox2_tm {
background:url(images/qbox2_tm.gif);
background-repeat:repeat-x;
background-position:top;
width:275px;
height:17px;
}
td.qbox2_tr {
background:url(images/qbox2_tr.gif);
background-repeat:no-repeat;
background-position:top;
width:16px;
height:17px;
}
td.qbox2_ml {
background:url(images/qbox2_ml.gif);
background-repeat:repeat-y;
background-position:top;
width:17px;
height:174px;
}
td.qbox2_m {
background:url(images/qbox2_m.gif);
background-repeat:repeat;
background-position:top;
color:#ffffff;
width:275px;
}
td.qbox_mid {
padding-left:32px;
padding-right:32px
}
td.qbox2_mr {
background:url(images/qbox2_mr.gif);
background-repeat:repeat-y;
background-position:top;
width:16px;
height:174px;
}
td.qbox2_bl {
background:url(images/qbox2_bl.gif);
background-repeat:no-repeat;
background-position:top;
width:17px;
height:20px;
}
td.qbox2_bm {
background:url(images/qbox2_bm.gif);
background-repeat:repeat-x;
background-position:top;
width:275px;
height:20px;
}
td.qbox2_br {
background:url(images/qbox2_br.gif);
background-repeat:no-repeat;
background-position:top;
width:16px;
height:20px;
}
td.qbox2_tail {
background:url(images/qbox2_b.gif);
background-repeat:no-repeat;
background-position:top;
height:46px;
}