I noticed that if I want to have the clickable area of the link equal to parent and use:
a {
width: 100%;
height: 100%;
display: block;
padding: 10px;
}
the area of padding is not clickable in firefox mobile (the app). If i delete padding to a and add it to parent then the area of padding is not clickable in all broweser (also dekstop). The problem is that i want a link equale to size of parent (but i want also that has a padding, otherwise all sizes are to small).
I hope you can help me and sorry for my english. Thanks a lot...
code:
<div class="tabchiaro">
<b><a href="#link">Arco</a></b>
</div>
div.tabchiaro a {
display: block;
height: 100%;
padding: 4px 0 4px 5px;
width: 100%;
}
div.tabchiaro:hover {
background-color: #d2ae71;
}
div.tabchiaro:hover a {
color: #404040;
}