Table med satt Height och Width och overflow hidden ?

table-layout:fixed;

Testa det. har inte kollat din kod så noga

IE gillar inte fixed width och height i tables. Du kan ju loopa ut divar istället som du sätter fixed width och height på. Kommer se likadant ut och funka i IE.

Använd inte tabeller till det här, det är inte tabulär data. Floatade bilder eller dylikt löser ditt problem på ett mer semantiskt sätt.

antar att du har bilderna i en databas.

gör då typ

for (int i=0 ; i < db.size() ; i++)
{
echo "<div id=\"imgfloat\">";
echo "<img href=\"" . url[i] . "\" />";
echo "</div>";

if(i % 4 == 0)
{
   echo "<br />";
}

}

sedan blir cssen typ

.imgfloat {
float:left
width:200px;
height:200px;
}

for (int i=0 ; i < db.size() ; i++)
{
echo "<div id=\"imgfloat\">";
echo "<img href=\"" . url[i] . "\" />";
echo "</div>";

if(i % 4 == 0)
{
   echo "<br />";
}

}

.imgfloat {
float:left
width:200px;
height:200px;
}

Eftersom bilderna redan är länkar; ersätt <div> med <a> och lägg till display: block (kanske även overflow:hidden) i CSS:en.
Edit: <br> är också fullständigt meningslöst, om man har en fast bredd på det omslutande elementet. Vill man flytta bilden inuti så kan man nog leka lite med padding/margin/position:relative.

Visste inte att width och height funkade på <a> men isf kan man lika gärna köra det ja.

Får erkänna mig själv att vara en br missbrukare.

Width och height fungerar inte på inline-element.

Nej, de blev blockelement när jag la till CSS-attributet display: block

TS verkar nästan ha fått det att funka nu men inte helt. H*n har behållt lite skräp table kod med som förmodligen inte hjälper till att få det rätt.

EDIT: Funkar visst i firefox men ser knasigt ut i Opera som ju är den bästa webbläsaren.

Funkar bra här också med att ta bort <br>. Använd istället max-width på gallery (som nu är en unordered list och eftersom du inte har några listitems så tordes det vara en div).

Antingen är det min fredagshjärna som satt igång eller så behövs en mer specifik förklaring.
Hur menar du för stora? De är alla 150x150px med bilder inom divarna som är större men döljs i och med att du satt overflow: hidden. Storleken på divarna ser bra ut i Fx, IE, Chrome och Safari.

Om de uppträder annorlunda på din så prova ladda om sidan till cachen.

Jag har för mig att IE7 inte applicerar overflow: hidden på underliggande objekt (children) som har position: relative (vilket du har på dina bilder) när dess parent inte har det. Testa sätt position: relative på .bild. Kanske går att lösa på annat sätt än att använda relative för bilder också, men just nu verkar du ha ett stycke oväntad kod på rad 47.

Grymt! Glöm inte bort description meta i head så gillar googlebot dig lite mer, med tanke på att du inte har så mycket övrig text den kan gå på.

Kan meddela att det funkar fint i Opera med nu.