html - Link does not work -


i try make menu @ website. menu html code following

    <div id="menu">                     <ul class="navigation">                         <li><a href="#home" class="selected">home<span class="ui_icon home"></span></a></li>                         <li><a href="#aboutus">about us<span class="ui_icon aboutus"></span></a></li>                         <li><a href="#gallery">gallery<span class="ui_icon gallery"></span></a></li>                         <li><a href="#contactus">contact us<span class="ui_icon contactus"></span></a></li>                         <li><a href="http://www.google.com">google</a><span class="ui_icon services"></span></li>                     </ul>    <h1><a href="http://www.yahoo.com">yahoo</a></h1>                  </div> 

if press yahoo link, can visit yahoo if press google link (which inside navigation class) not work.

does knows why?

the css following

ul.navigation {     float: right;     display: inline-block;     list-style: none;     padding: 0; }  ul.navigation li {     display: inline;     margin: 0;     padding: 0; }  ul.navigation {     float: left;     display: block;     padding: 0 0 0 30px;     margin-left: 30px;     color: #d5bf3a;     font-size: 16px;     font-weight: normal;     text-decoration: none;     text-align: center;     background: url(../images/templatemo_menu.png) left center no-repeat }  ul.navigation a:hover, ul.navigation a.selected {     color: #81a039; }  ul.navigation a:focus {     outline: none; } 

thanks in advance

your tag before google comes before span tags open, whereas placed after closing tag every time before.


Popular posts from this blog

Php - Delimiter must not be alphanumeric or backslash -

Delphi interface implements -

java - How to create Table using Apache PDFBox -