html - 更改菜单名称

Question

这里粘贴的代码太多了，我已经创建了演示请看看这个 DEMO

我的问题是，我正在尝试将菜单的名称从 "Home" 更改为 "My Home" 这非常简单，但我已经花了花了很多时间弄清楚但无济于事....

是的，我也用firebug调试过...

//html

 <div class="wrapper">
        <div class="wrap">
            <div class="header">                
                <ul class="menu">                        
                    <li class="home"><a href="" title="Downloads" class="title">My Home</a></li>
                    <li class="genres"><a href="#"  class="title">TEST 123</a></li>
                </ul>
            </div>
        </div>
    </div>

//CSS:请看演示

Answer 1

这是一张图片:

http://www.mp3mixx.com/i/menu.png

CSS:

.menu li a.title 
{
    text-indent:-9999em; 
    display:block;
    height:11px;
    background:url('http://www.mp3mixx.com/i/menu.png') no-repeat;
    overflow:hidden;
}

文本用于可访问性和/或搜索引擎优化。