Today I added menu which I created in photoshop and then sliced it for use
Every thing is working but i am facing problem with active code :
I want the active link to have hover image as the total image is of 150 weight and 120 of height and reset see the below code:
I am using same image for total process
so where am I going wrong ????

Every thing is working but i am facing problem with active code :
I want the active link to have hover image as the total image is of 150 weight and 120 of height and reset see the below code:
Code:
@charset "utf-8";
/* CSS Document */
.container .header .table2 tr #[home a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #1 a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #2 a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #3 a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #4 a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #5 a {
display: block;
height: 60px;
width: 150px;
}
.container .header .table2 tr #6 a {
display: block;
height: 60px;
width: 150px;
}
/* hover */
.container .header .table2 tr #home:hover {
background-image:url(../images/home.png);
background-position:0 -60px;
}
.container .header .table2 tr #1:hover {
background-image:url(../images/1.png);
background-position:0 -60px;
}
.container .header .table2 tr #2:hover {
background-image: url(../images/2.png);
background-position:0 -60px;
}
.container .header .table2 tr #3:hover {
background-image: url(../images/3.png);
background-position:0 -60px;
}
.container .header .table2 tr #4:hover {
background-image: url(../images/i4.png);
background-position:0 -60px;
}
.container .header .table2 tr #5:hover {
background-image: url(../images/5.png);
background-position:0 -60px;
}
.container .header .table2 tr #6:hover {
background-image: url(../images/6.png);
background-position:0 -60px;
}
/* active */
.container .header .table2 tr #home:active {
background-position:0 -60px;
}
.container .header .table2 tr #1:active {
background-position:0 -60px;
}
.container .header .table2 tr #2:active {
background-position:0 -60px;
}
.container .header .table2 tr #3:active {
background-position:0 -60px;
}
.container .header .table2 tr #4:active {
background-position:0 -60px;
}
.container .header .table2 tr #5:active {
background-position:0 -60px;
}
.container .header .table2 tr #6:active {
background-position:0 -60px;
}
I am using same image for total process

so where am I going wrong ????