关于默认风格 css 求指导

下图中上面的空白部分如何才能用顶部图片盖住？而不影响两侧的绿色部分。

演示网址：http://www.tea-sci.com/


即变成这样的：


相关代码如下：
绿色的为：

1. /*
   
2. [name]绿[/name]
   
3. [iconbgcolor]#419E00[/iconbgcolor]
   
4. Powered by Discuz! X
   
5. */
   
6. 
   
7. html { background: #EDF9EB url(background.png); }
   
8. body {         background:url(body_bg.gif) repeat-y scroll center center #00710E; }
   
9. /*上，此处颜色代码为两侧深绿色
   
10. body { background: transparent url(bgimg.jpg) no-repeat 50% 0; }*/
    
11. #nv { background-color: #419E00; background-image: url(nv.png); }
    
12.         #nv li, #nv li a:hover, #nv li.hover a, #nv li.hover a:hover { background-image: url(nv_a.png) !important; }
    
13.         #nv li.a { background-color: #118300; }
    
14.         #qmenu { background-image: url(qmenu.png); }
    
15.         #hd {background:transparent url(bgimg.jpg) no-repeat 50% 0;}
    
16. #scbar, #scbar_form, .scbar_icon_td, .scbar_txt_td, .scbar_type_td, .scbar_btn_td { background-image: url(search.png); }
    
17. #scbar { border-color: #CFFECA; }
    
18. 
    
19. .bm_h, .tl th, .tl td { border-bottom-color: #CDCDCD; }
    
20. .fl .bm_h { border-color: #CFFECA; background: #ECFEEA url(titlebg.png) repeat-x 0 0; }
    
21. 
    
22. /* 重定义 {SPECIALBG} */
    
23. .bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h, .appnew, .apphot { background-color: #ECFEEA; }
    
24. 
    
25. .ct2_a, .ct3_a { background-image: url(vlineb.png); }
    
26. .tbn li.a { background: #EDF9EB url(background.png); }
    
27.         #nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r { background-image: none; }
    
28. 
    
29. /* 重定义 {SPECIALBORDER} */
    
30. .bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm  { border-color: #CFFECA; }
    
31. .pg strong { background-color: #CFFECA; }
    
32. .pn, .tb .o, .tb .o a { background-image: url(pn.png); }
    
33.         .pnc, a.pnc, .tb .o { border-color: #900; }
    
34. 
    
35. .mi .hover .moodfm_input { background-color: #CBFECA !important; }
    
36. 
    
37. .ad td.pls { background-color: #7DE85C; }
    
38. 
    
39. /* 重定义字体 */
    
40. #qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins { color: #419E00; }
    
41. .pll .s a.go { color: #FDFEFD; }
    
42. .xi2, .xi2 a { color: #000; }
    
43. 
    
44. /* 重定义按钮 */
    
45. .pgs #newspecial, .pgs #newspecialtmp { float: left; background: url(pn_post.png) no-repeat 0 0; }
    
46. #post_reply, #post_replytmp { float: left; background: url(pn_reply.png) no-repeat 0 0; }
    
47.         #newspecial img, #newspecialtmp img, #post_reply img, #post_replytmp img { opacity: 0; filter: alpha(opacity=0); }
    
48. .moodfm_btn { background-image: url(mood_input_btn.png) !important; }
    
49. #create_group_btn { display: block; background: url(create_group.png) no-repeat 0 0; }
    
50.         #create_group_btn img { opacity: 0; filter: alpha(opacity=0); }
    
51. 
    
52. .el .ec .hot { background-image: url(hotspot.gif); }
    
53. .pll .s { background-image:url(polljoins.gif); }
    
54. 
    
55. /* 重定义 Tab */
    
56. .tb .a a { border-bottom-color: #EDF9EB; background: url(background.png); }
    
57. 
    
58. /* 重定义侧边导航 */
    
59. .bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #CFFECA; background-color: #F8FEF7; }
    
60.         .bdl dt { background-image: url(titlebg_sd.png); }
    
61. .bdl dd.bdl_a a { color: #419E00; }
    
62. 
    
63. /* 重定义下拉菜单 */
    
64. .p_pop a { border-bottom-color: #ECFEEA; }
    
65.         .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #ECFEEA; color: #419E00; }
    
66.         .blk a:hover { background-color: transparent; }
    
67. 
    
68. /* 重定义好友列表 */
    
69. #nv_home .buddy li { background-color: transparent; border: none; }

复制代码

红色的为：

1. /*
   
2. [name]红[/name]
   
3. [iconbgcolor]#BA350F[/iconbgcolor]
   
4. Powered by Discuz! X
   
5. */
   
6. 
   
7. html { background: #FAF6ED url(background.png); }
   
8. body { background: transparent url(bgimg.jpg) no-repeat 50% 0; }
   
9. #nv { background-color: #BA350F; background-image: url(nv.png); }
   
10.         #nv li, #nv li a:hover, #nv li.hover a, #nv li.hover a:hover { background-image: url(nv_a.png) !important; }
    
11.         #nv li.a { background-color: #840000; }
    
12.         #qmenu { background-image: url(qmenu.png); }
    
13. #scbar, #scbar_form, .scbar_icon_td, .scbar_txt_td, .scbar_type_td, .scbar_btn_td { background-image: url(search.png); }
    
14. #scbar { border-color: #FCC; }
    
15. 
    
16. .bm_h, .tl th, .tl td { border-bottom-color: #CDCDCD; }
    
17. .fl .bm_h { border-color: #FCC; background: #FFECEC url(titlebg.png) repeat-x 0 0; }
    
18. 
    
19. /* 重定义 {SPECIALBG} */
    
20. .bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h, .appnew, .apphot { background-color: #FFECEC; }
    
21. 
    
22. .ct2_a, .ct3_a { background-image: url(vlineb.png); }
    
23. .tbn li.a { background: #FAF6ED url(background.png); }
    
24.         #nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r { background-image: none; }
    
25. 
    
26. /* 重定义 {SPECIALBORDER} */
    
27. .bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm  { border-color: #FCC; }
    
28. .pg strong { background-color: #FCC; }
    
29. .pn, .tb .o, .tb .o a { background-image: url(pn.png); }
    
30.         .pnc, a.pnc, .tb .o { border-color: #900; }
    
31. 
    
32. .mi .hover .moodfm_input { background-color: #FCC !important; }
    
33. 
    
34. 
    
35. .ad td.pls { background-color: #FCC; }
    
36. 
    
37. /* 重定义字体 */
    
38. #qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins { color: #BA350F; }
    
39. .pll .s a.go { color: #FFF; }
    
40. .xi2, .xi2 a { color: #000; }
    
41. 
    
42. /* 重定义按钮 */
    
43. .pgs #newspecial, .pgs #newspecialtmp { float: left; background: url(pn_post.png) no-repeat 0 0; }
    
44. #post_reply, #post_replytmp { float: left; background: url(pn_reply.png) no-repeat 0 0; }
    
45.         #newspecial img, #newspecialtmp img, #post_reply img, #post_replytmp img { opacity: 0; filter: alpha(opacity=0); }
    
46. .moodfm_btn { background-image: url(mood_input_btn.png) !important; }
    
47. #create_group_btn { display: block; background: url(create_group.png) no-repeat 0 0; }
    
48.         #create_group_btn img { opacity: 0; filter: alpha(opacity=0); }
    
49. .el .ec .hot { background-image: url(hotspot.gif); }
    
50. .pll .s { background-image:url(polljoins.gif); }
    
51. 
    
52. /* 重定义 Tab */
    
53. .tb .a a { border-bottom-color: #FAF6ED; background: url(background.png); }
    
54. 
    
55. /* 重定义侧边导航 */
    
56. .bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #FCC; background-color: #FFF9F9; }
    
57.         .bdl dt { background-image: url(titlebg_sd.png); }
    
58. .bdl dd.bdl_a a { color: #BA350F; }
    
59. 
    
60. /* 重定义下拉菜单 */
    
61. .p_pop a { border-bottom-color: #FFECEC; }
    
62.         .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #FFECEC; color: #BA350F; }
    
63.         .blk a:hover { background-color: transparent; }
    
64. 
    
65. /* 重定义好友列表 */
    
66. #nv_home .buddy li { background-color: transparent; border: none; }

复制代码

请帮助解决，另外，能否帮助解决绿色宽版的背景混乱问题？

谢谢!
演示网址：http://www.tea-sci.com/

界面 风格管理  编辑  页头背景 {HEADERBGCOLOR},{HEADERBGCODE}:  修改这的

ileleX 发表于 2011-6-12 15:47
界面 风格管理  编辑  页头背景 {HEADERBGCOLOR},{HEADERBGCODE}:  修改这的

谢谢，绿色风格是我自己参照原先官方模板修改的，想把两侧设置为绿色，即把论坛的两侧空白处改为绿色，而不影响主体部分和其他效果，如何做，现在我做的，基本达到效果，不过页头图片下移了。

dozhanbo 发表于 2011-6-12 19:48
谢谢，绿色风格是我自己参照原先官方模板修改的，想把两侧设置为绿色，即把论坛的两侧空白处改为绿色，而 ...

修正background的position咯