display:inline-block in Chrome fehlerhaft

[katabo]

Hallo,

über einen Tip zu folgendem Problem würde ich mich sehr freuen.

Im Browser "Chrome" wird mein Element (mit display: inline-block) nicht richtig dargestellt.
Die Zeilen werden nicht wie gewollt und wie in allen anderen Browsern zu früh gebrochen und in die nächste Zeile geschoben. >>> http://www.katharinabohm.de/index.html <<<

Habe schon das Internet durchwühlt, aber alle Varianten haben bei Chrome nicht funktioniert.

Vielen Dank. Katharina

Zugehöriger CODE:

``

<div style="position:relative; top:230px; left:40px; " id="CENTER">

<p ><a href="http://www.katharinabohm.de/graenslandet.html"  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image001','','ROLLOVER/rollover_black.jpg',1)">

<img src="PICTURES/201308092607_ROGEN_SCHWEDEN_2554.png" name="Image001" width="785" height="334" border="0" id="Image001"> </a>

<a href="http://www.katharinabohm.de/food.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image028','','ROLLOVER/rollover_black.jpg',1)">

<img src="PICTURES/ROSMARIA_001.jpg" name="Image028" width="250" height="334" border="0" id="Image028"> </a>

<a href="http://www.katharinabohm.de/jaeger.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image009','','ROLLOVER/rollover_black.jpg',1)">

<img src="PICTURES/2013010_JAEGER_JOACHIM_STOLZ_298.png" name="Image009" width="500" height="334" border="0" id="Image009"> </a>

<a href="http://www.katharinabohm.de/roewer.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image016','','ROLLOVER/rollover_black.jpg',1)">

<img src="PICTURES/20140206_MARIA_ROEWER_168.jpg" name="Image016" width="250" height="334" border="0" id="Image016"> </a> ......

``

#CENTER {
position: relative;
display: inline-block;!important;
    display: -moz-inline-stack;
    *display: inline;
width: 100%;