Lỗi banner và Khung 4r bị lệch nhau.

[nellypurdo]

Linh ảnh trực tiếp: http://duytrong.net/uppic/images/vkr0rlfz4idu6kq7arh9.jpg


các bác giúp em với,4r em banner và khung 4r bị lệch nhau.
và đây là css 4r em,em muốn thêm cái ảnh background vào,nhưng mà cái banner kia nó lại ở trong phần backgr mất rồi,em ko biết thay thế nào cả.

Code:

* {-moz-border-radius: 7px; -webkit-border-radius: 7px;}

a{text-decoration: none;}

body
{
   background: #141615;
   color: #FFFFFF;
   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
   color: #fff;
}
a:link, body_alink
{
   color: grey;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: grey;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: grey;
}
.page
{
   background: transparent;
   color: #FFFFFF;
}
td, th, p, li
{
   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
   background: #181818;
   color: #eeeeee;
   border: 1px solid #383838; -moz-border-radius:3px;
   
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
   background: url(http://i21.servimg.com/u/f21/16/01/78/66/tcat11.jpg) repeat-x top right;
   color: #FFFFFF;
   font: bold 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   height: 40px;
   border: 1px solid #363636; -moz-border-radius:3px;
}
.tcat a:link, .tcat_alink
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FF3366;
   text-decoration: underline;
}
.thead, th
{
   color: #eeeeee;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FF3366;
}
.tfoot
{
   background: #333333;
   color: #eeeeee;
   border: 1px solid #363636; -moz-border-radius:3px;
}
.tfoot a:link, .tfoot_alink
{
   color: #CCCCCC;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #CCCCCC;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FF3366;
}
.alt1, .alt1Active, td.row1,td.row3.over:hover, td.row3, td.row1Right
{
   background: #000000;
   color: #eeeeee;
   border: 1px solid #363636; -moz-border-radius:3px;
}
.alt2, .alt2Active, td.row2,td.row1.over:hover, td.row3Right,td.spaceRow
{
   background: #000000;
   color: #eeeeee;
   border: 1px solid #363636; -moz-border-radius:3px;
}
.inlinemod
{
   background: #000000;
   color: #CCCCCC;
}
.wysiwyg
{
   background: #000000;
   color: #CCCCCC;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
textarea, .bginput
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
   font-size: 11px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.gensmall
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #CCCCCC;
}
.navbar
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
   color: #FFCC00;
   font-weight: bold;
}
.fjsel
{
   background: #3E5C92;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #181818;
   color: #FFFFFF;
   padding: 10px;
   border: 2px outset;
}
.panelsurround
{
   background: #181818;
   color: #FFFFFF;
}
legend
{
   color: #CCCCCC;
   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #080808;
   color: #eeeeee;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FF3366;
   text-decoration: underline;
}
.vbmenu_popup
{
   background: #181818;
   color: #CCCCCC;
   border: 1px solid #0B198C;
}
.vbmenu_option
{
   background: #181818;
   color: #CCCCCC;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #333333;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 20px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
body{background: #070707 url(http://www.nanaimoafricanheritagesociety.com/site/images/eventlist/events/natural_flavas.jpg) top center no-repeat;padding-top: 300px;margin: 0px; }

.dogkug {
background:#000000;
border:1px solid #383838;
padding:5px;-moz-border-radius:5px;
padding: 5px;
margin-bottom: 2px;
}



.sobai strong {
  color:#008080;
  font-size:17pt;
}
.songuoi strong {
  color:#9ACD32;
  font-size:19pt;
}
.mamoi strong {
  color:#00BFFF;
  font-size:22pt;
}


#lastpost span a {
display: inline-block;
font-weight: bold;
text-align: left;
width: 270px;
}#lastpost a.last-post-icon {
text-align: right;
width: 20px;
}#lastpost a.last-post-icon img{padding: 0px;
}#lastpost a img{padding-left: 20px;}#lastpost strong a.gensmall {
text-align: right;
width: 263px;padding: 10px 1px;
}


[ptoan]

Đơn giản cậu dùng pts để chỉnh lại cái baner tí rồi up lại ảnh là xong hihi.