Ссылка не работает в LI

Question

OMG Я тяну свои волосы, пытаясь понять, почему некоторые ссылки не работают в UL. Однако, если ваш правый щелчок откроется на новой вкладке, которая работает. Я не понимаю, почему некоторые из них не являются кликабельными. Первые две ссылки работают, но это события, используемые jQuery. 3-я и 4-я ссылки являются фактическими страницами, и они не работают и никогда не обрабатывают последнюю ссылку javascript/jquery. Только первые два с помощью jQuery. Другие - нет. Я переформатировал свой CSS несколько раз и не имел никакой разницы. Необычные теги - это то, что я использую Smarty. BTW с использованием Chrome.

Это HTML-

Edit: обработанная разметка

<div id="phomenu" class="photoMenu"> 
    <ul> 
    <li><a id="avatar_13885_10028" class="set_avatar" href="#13885">Use This Photo As Avatar</a></li> 
    <li><a id="cover_13885_10028" class="set_cover" href="#13885">Use This Photo As Album Cover</a></li> 
    <li><a href="/page-13885-k4cjGSDSG4K.html">Page Photo</a></li> 
    <li><a href="/?page=photo&amp;section=desc&amp;pho_id=13885">Edit Photo Information</a></li> 
    <li><a id="remove_k4cjGSDSG4K_13885" class="remove_photo" href="javascript:void(0)">Delete this photo</a></li> 
    <li><a id="feature_13885" class="feature_photo" href="javascript:void(0)">Feature Photo</a></li> 
    </ul> 
</div> 

И это CSS

.photoMenu ul{ 
     list-style-type: none; 
     list-style-position: outside; 
     margin: 0; 
     padding: 0; 
     font-size:9pt; 
     border-top: 2px solid #ffa449; 
    } 
    .photoMenu li { 
     margin: 0; 
    } 
    .photoMenu li a { 
     color: #FFFFFF; 
     border-bottom: 1px solid #e6e6e6; 
     display:block; 
     min-height:25px; 
     padding-top:10px; 
     background-color:#C6711B; 
     text-decoration: none; 

    } 
    .photoMenu li a:hover { 
     color: #FFF; 
     background-color: #f2a83a; 
    } 

Answer 1

Код, который вы показали до сих пор не имеет никаких проблем. Проблема в другом месте, может быть, ваш скрипт вмешивается в ссылку.

Proof

Если браузер только что сделал на вас, он может рассердиться с javascript:void(0) части

Хотя ненужно это может потребовать ; на последнем

<li><a id="remove_k4cjGSDSG4K_13885" class="remove_photo" href="javascript:void(0);">Delete this photo</a></li> 
<li><a id="feature_13885" class="feature_photo" href="javascript:void(0);">Feature Photo</a></li>