Dribibuu

Hallo, ik ben bezig met de site van mijn dochtertje en loop tegen een probleem aan. De pagina heeft een grijze achtergrond met in het midden een witte DIV die de content bevat. Ik heb deze display:inline-block; meegegeven omdat ik begreep dat dat er (mede) voor zou zorgen dat de div meestrekt met de breedte van de content. Probleem is nu dat het er in Safari prachtig uitzag, maar nu ik het in Chrome zie zie ik dat een aantal foto's die in landscape staan over de rand van de DIV heengaan. Enig idee wat ik fout doe? Hier is de inhoud van de css-file: (#middle is de DIV die de inhoud bevat. Die inhoud is opgebouwd uit div's van type #textbox en type #pic) @charset "ISO-8859-5"; * { margin: 0; padding: 0; } html { height: 100%; } body { background-color: #CCCCCC; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; height: 100%; } #header { margin-bottom: 0px; height:30px; } #left { float: left; width: 200px; height: 92%; text-align: right; margin-right: 25px; margin-left: 25px; margin-top: 4px; } #middle { float: left; max-width: 48.6%; border: 2px solid #000000; text-align: left; margin-left: 0px; margin-bottom: 0px; background-color: white; display:inline-block; } #middle-footer { height: 25px; background-color: white; } #pic { margin: 25px 25px 0px 25px; } #textbox { margin:25px 25px 25px 25px; text-decoration:none; font-family: Century Gothic, sans-serif; font-size: 1pc; color: #000000; } A { text-decoration:none; font-family: Century Gothic, sans-serif; font-size: 1pc; color: #000000; font-weight:bold; }