Immagine fuori DIV

[ysoolder]

Ciao ragazzi, io ho questo div

<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?

[saitfainder]

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

[ysoolder]

Parlo di Mozilla Firefox

[NLSweb]

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..