[css-d] Line Break in Image Row

[Roth]

Hello everybody,

since several days I am dealing with a problem I have with IE.

With TYOP3 I have created a picture gallery. It consists of 5 columns
and 4 rows. In Firefox is shows like following:
 __   __   __   __   __
|__| |__| |__| |__| |__| 
 __   __   __   __   __
|__| |__| |__| |__| |__| 
 __   __   __   __   __
|__| |__| |__| |__| |__| 
 __   __   __   __   __
|__| |__| |__| |__| |__| 

Unfortunately in IE it shows like this:

 __   __   __   __ 
|__| |__| |__| |__| 
 __
|__|
 __   __   __   __ 
|__| |__| |__| |__| 
 __
|__|
 __   __   __   __ 
|__| |__| |__| |__| 
 __
|__|
 __   __   __   __ 
|__| |__| |__| |__| 
 __
|__|


I have tried with overflow: hidden but couldn't come to a solution.

Here my CSS file:

div#content {
  width: 920px;
  height: 600px;
  clear: both;
  clear: both;
}

div#content_normal {
  width: 920px;
}

div#content_right {
  width:920px;
  height: 450px;
  position: absolute;
  top: 220px;
  margin: 0;
  padding: 0;
}

div#content_border {
  width: 920px;
  position: relative;
  top: 10px;
}

The picture gallery is displayed in the #content_right area.

Here my html-template:

<div class="wrapper">
  <div id="logo">
    ###LOGO###
  </div>
  <div id="navigation">
    ###MENU_LEFT###
    <div id="nav_right">
      ###MENU_RIGHT###
    </div>
  </div>
  <div id="content">
    <div class="clear">
      &nbsp;
    </div>
    ###IMAGE_TOP###
    <div id="content_normal">
      ###CONTENT_NORMAL###
    </div>
    <div id="content_right">
      ###CONTENT_RIGHT###
    </div>
    <div id="content_border">
      ###CONTENT_BORDER###
    </div>
    <div class="clear">
      &nbsp;
    </div>
  </div>
</div>

Any help is very appreciated!

Kind regards

Max
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/