body { background:url(../images/header/body_back.jpg) repeat-x ; } #header{ position:relative; width:990px; height:139px; margin:auto; } #logo{ position:absolute; width:101px; height:101px; top:35px; left:12px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -428px; } #title{ position:absolute; width:310px; height:60px; top:17px; left:119px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -370px; } #products{ position:absolute; width:439px; height:33px; top:10px; left:540px; } #products_left{ width:8px; height:33px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -184px -155px; float:left; } #products_mid{ position:relative; float:left; width:445px; height:66px; background:url(../images/header/products_mid2.gif) repeat-x; } #products_mid ul li{ position:absolute; float:left; display:block; cursor:pointer; height:55px; width:445px; left:0px; top:0px; } #products_right{ float:left; width:8px; height:33px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -192px -155px; } #pinyin{ width:102px; left:10px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -101px -376px; } #wubi{ width:102px; left:121px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -101px -396px; } #mobile{ width:96px; left:234px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -101px -416px; } #music{ width:78px; left:341px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -101px -436px; } #nav_bar{ position:absolute; height:47px; top:79px; left:120px; } #nav_bar ul{ position:relative; } #nav_bar li{ height:59px; position:absolute; float:left; display:block; cursor:pointer; } #index{ width:127px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 0; } #func{ width:127px; left:127px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -62px; } #skin{ width:150px; left:254px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -124px; } #lab{ width:137px; left:404px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -186px; } #bbs{ width:133px; left:541px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -248px; } #blog{ width:139px; left:674px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll 0 -310px; } #products_mid ul li a{ width:70px; margin:auto; height:20px; display:block; } #nav_bar ul li a{ width:80px; height:47px; display:block; margin:auto; } #index_on{ width:127px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -126px 0; } #func_on{ width:127px; left:127px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -127px -62px; } #skin_on{ width:150px; left:254px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -150px -124px; } #lab_on{ width:137px; left:404px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -136px -186px; } #bbs_on{ width:133px; left:541px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -132px -248px; } #blog_on{ width:139px; left:674px; background:url(../images/header/header.jpg?v=2.01) no-repeat scroll -138px -310px; }