Immagine fuori DIV

Ciao ragazzi, io ho questo div

Codice HTML:

---

<div style="
border: 0px ;
height: 7%;
width: 83%;
position:fixed;
right: 0px;
top: 0px;
border-left: 0px;
border-right: 0px;
background-color: #30D5C8;
box-shadow: 0px 1px 0.1em 0px black;
z-index: 1000000000;
">

<table>
<td><img src="http://ysoolder.altervista.org/query/logaritmi/iframe/immagini/home.jpg" style="border: 0px solid white; height: 30px; width: 30px;border-radius: 50px;"></td><td><a href="/home.php"><span style="color:black; font-family: verdana; font-size: 14px;">Home</span></a></td>
</table>

</div>

---

solo che, se aumento lo zoom, l'immagine e la scritta "Home" escono fuori dal div. Come mai?

C'è zoom e zoom. Di quale browser stai parlando?

Parlo di Mozilla Firefox

il motivo e' che hai impostato l'altezza del DIV in percentuale... di conseguenza con il variare dello zoom varia anche la sua dimensione
e gli elementi al suo interno perdono la posizione

usa un altezza fissa in px..