css 控制链接的宽和高

加上：
display:block;
width:200px;
height:100px;

另外你的bg不用这样写。
写成：
background: url(../images/icons.gif) 0px -285px;
就可以了。

加上background-repeat:no-repeat;表示图片不重复!

关键的是background-position:0px -285px这个-285px把图片移动到y轴的负位置上了,所以你看不到了,改成background-position:0px 0px看看

还有控制连接的宽和高是width和height,不是background-position,
background-position是控制x轴和Y轴的定位

基础要搞清楚

加一句display:block;

a不是块级元素，所以这里的padding设置不会得到预期的效果（在这种情况下有的浏览器仅会解释padding-left和right，top和bottom不解析，有的浏览器全部不解析），你需要设置display：block将a先转换为块级元素，之后width，height，padding等属性才会生效，另外可通过浮动将转换为块级的a并列显示