I have some recommendations. Lose the use of tables.
<ul>
<li><img src="http://www.stelianpopa.ro/uploads/series/ld0.jpg"></li>
<li><img src="http://www.stelianpopa.ro/uploads/series/ld0.jpg"></li>
<li><img src="http://www.stelianpopa.ro/uploads/series/ld0.jpg"></li>
</ul>
Then in your CSS the important factor for 100% height is every parent must also utilize 100%, this includes html and body.
html,body {
height: 100%;
}
ul {
white-space: nowrap; /* stops li elements from wrapping to next line */
height: 100%;
}
li {
list-style: none; /* just to remove dotted list */
height: 100%;
display: inline; /* makes list elements horizontal */
}
img {
height:100%;
}
Here is a jsfiddle: http://jsfiddle.net/wboco/VRYWg/1/
* Why was this marked correctly then removed?
Remove:
<div class="single-img">
<div id="gallery">
from wrapping the unordered list on your site. Then add the CSS to ul li and img that I provided earlier. It's 100% functional.