逗号是分组选择器（这部分样式是a.buttton:before,a.button:after共用的）
我们所说的重复的部分相当于只是覆盖了部分样式（也就是你标注的地方，覆盖了部分公共样式，并不冲突）
个人建议，学习css的时候，尽量多实践，点一下快捷键F12，查看元素，瞬间秒懂
你那个柱子.gif可以用背景来实现在左侧菜单或右侧主体里面 设置背景
backgorund:url(柱子.gif) no-repeat left(或者right)
友情链接图标层清除下浮动clear:both
这个页面做表格也可以的啊...
还有发代码比发图更容易找出问题...
