I am facing a situation where a <div> is nested inside a table, occupying the entire space of its parent <td>
Within this <div>, there lies a single <a> element
My objective is to have these <a> elements expand to 100% width and height
https://i.sstatic.net/hzEuF.png
This image depicts what I see when inspecting the element upon hovering
Despite my efforts, I cannot figure out how to ensure the <a> has the same dimensions as its container
I attempted to use the following CSS:
height:100%;
width:100%;
Unfortunately, no progress or change was observed