My brain isn't working. I thought I have the answer but it's not
working :-(
http://lotusseedsdesign.com/menu.html
start from the second menu, the hover goes off , but actually the
position for the hover state is correct. I do not understand why the
link's position-x got it wrong starts from #m2 - I have my math
carefully calculated.
Here is the code:
#menu {width:920px;}
#menu ul {margin: 0;padding: 0;}
#menu ul li {float:left;margin-top: 8px;text-align: left;margin-left:
0;}
#menu li a:hover {background-position: left 39px;}
#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8 { height: 31px;background-
repeat: no-repeat;display:block;border-right: 1px solid #fff;
text-indent: -3000px;}
#m1 {width: 65px; background: url(../images/menu/m1.png);}
#m2 {width: 73px; background: url(../images/menu/m2.png) 65px 0;}
#m3 {width: 163px; background: url(../images/menu/m3.png) 138px 0;}
#m4 {width: 113px; background: url(../images/menu/m4.png) 301px 0;}
#m5 {width: 119px; background: url(../images/menu/m5.png) 414px 0;}
#m6 {width: 109px; background: url(../images/menu/m6.png) 533px 0;}
#m7 {width: 144px; background: url(../images/menu/m7.png) 642px 0;}
#m8 {width: 78px; background: url(../images/menu/m8.png) 786px 0;}
Any pointer is greatly appreciated.
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************