Вопрос: Ссылка размещенная внутри diva не активна
Сделала на сайте закругленные углы согласно ссылке приведенной на данном сайте http://www.search-this.com/2007/02/12/css-liquid-round-corners/, после этого моя ссылка вставленная в блок с закругленными углами стала неактивна (ссылкой являются только несколько символов >>>).<table class="newstable" cellspacing="5">
<tr>
<td>
<div id="liquid-round">
<div class="top"><span></span></div>
<div class="center-content">
<h2 class="hdr2">Видеоконтроль для Вашего автомобиля</h2>
Информация написанная на сайте пока не доступна вашему просмотру, поскольку это новейший проект над которым сейчас ведется много работы и который будет запущен в самое ближайшее время. Надеюсь что мне будет оказана помощь для достойной публикации сайта на просторах интернет <a href="ssylka.html"> >>></a></div>
<div class="bottom"><span></span></div>
</div>
</td>
</tr>
</table>При этом если ссылкой сделать весь блок, то есть вынести ссылку за div, ссылка работает, но только в верхней части текста. В чем причина, подскажите пожалуйста!
<table class="newstable" cellspacing="5">
<tr>
<td><a href="ssylka.html">
<div id="liquid-round">
<div class="top"><span></span></div>
<div class="center-content">
<h2 class="hdr2">Заголовок новости</h2>
Информация написанная на сайте пока не доступна вашему просмотру, поскольку это новейший проект над которым сейчас ведется много работы и который будет запущен в самое ближайшее время. Надеюсь что мне будет оказана помощь для достойной публикации сайта на просторах интернет >>></a></div>
<div class="bottom"><span></span></div>
</div>
</td>
</tr>
</table>Это стили:
table.newstable {
background-color: #C4C3C2;
width: 100%;
}
#liquid-round {
width:100%;
margin:0px auto;
background:#fff url(leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
height:60px;
background:url(bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(bottom-right.gif) no-repeat right top;
}
Это по правилам валидной верстки http://cleverscript.ru/index.php/html/validnaya-verstka/36-verstka-xhtml-strict