Media Collection in IE7 - no line feed

I'm having a problem with the way MS Internet Explorer 7 displays my three MP3s listed under the Media Collection section. They are just jumbled together. Firefox displays them fine. Any help?

This is happening with IE6 also.
Check it out at http://audiofarmrecording.com/store look in the music catagory. Any help would be appreciated.

/includes/templates/YOURTEMPLATE/templates/tpl_modules_media_manager.php
around line 25-30 you have this:```
<div id="mediaTitle" class="back"><?php echo $za_media['text']; ?></div>

  <div id="mediaTypeLink" class="forward"><a href="<?php echo zen_href_link(DIR_WS_MEDIA  . $za_clip['clip_filename'], '', 'NONSSL', false, true, true); ?>" target="_blank"><?php echo '<span class="mediaClipFilename">' . $za_clip['clip_filename'] . '</span>' . (!empty($za_clip['clip_type']) ? '<span class="mediaClipType"> (' . $za_clip['clip_type'] . ')</span>' : ''); ?></a></div>

Change to this:```
      <div class="mediaTitle"><?php echo $za_media['text']; ?></div>
<?php
    $zv_counter1 = 0;
    while(list($za_clip_key, $za_clip) = each($za_media_manager[$za_media_key]['clips'])) {
?>
      <div class="mediaTypeLink"><a href="<?php echo zen_href_link(DIR_WS_MEDIA  . $za_clip['clip_filename'], '', 'NONSSL', false, true, true); ?>" target="_blank"><?php echo '<span class="mediaClipFilename">' . $za_clip['clip_filename'] . '</span>' . (!empty($za_clip['clip_type']) ? '<span class="mediaClipType"> (' . $za_clip['clip_type'] . ')</span>' : ''); ?></a></div>

/includes/templates/YOURTEMPLATE/css/stylesheet.css
around line 440 (if you used classic as a base) you have this:#mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; background-color: #E4FEf5; border: 1px solid #003D00; }add this below it:```
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}

That will change the layout to use classes instead of repeating ID's in the HTML.

That won't solve your layout problem, but will give you better control to resolve the layout problem.

You'll find that if you turn on the right-column and alter your media filenames to have underscores instead of spaces, that the spacing will work out such that the peculiar wrapping behaviour you mentioned will go away.

There are probably some additional things you can do in the stylesheet to cause the links to stop their wrapping behaviour.
You might try changing the #mediaManager width to 60% or 65%.
You might even consider getting more creative and converting the template output to an unordered list instead of stacked DIVs.

None of these helped. The change in the tpl_modules_media_manager.php caused a syntax error "unexpected END". Increasing the #mediaManager width in CSS just causes more than one mp3 listed on one line. It seems there should be a simple fix to just add a break or something after each mp3 entry.