Bizarre FF issue (works in IE7)

Hi,

I'm using a modified version of the Siriux theme (some sections of source and CSS are below, full copies available if requested.

Strangely, FF and other browsers aren't displaying some of the album title info when the string is too long, IE wraps it and puts the word on the next line.

Its gotta be a CSS thing but I'm stumped as to why this might happen.

Any ideas?

Mike

Source example:
<div class="gallery-albums">
<div class="gallery-album">
<div class="gallery-album-thumb">
<a href="main.php?g2_itemId=2382">
<img src="main.php?g2_view=core.DownloadItem&amp;g2_itemId=2388&amp;g2_serialNumber=2" width="150" height="150" alt="FBA Collection"/>

</a>
</div>
<div class="gallery-album-thumb">
<h4><a href="main.php?g2_itemId=2382">FBA Collection</a></h4>
<div class="meta">
127 Images
</div>
</div>
<p></p>
</div>
<div class="gallery-album">
<div class="gallery-album-thumb">
<a href="main.php?g2_itemId=2894">
<img src="main.php?g2_view=core.DownloadItem&amp;g2_itemId=2900&amp;g2_serialNumber=2" width="150" height="150" alt="Ian Wallace Collection"/>
</a>
</div>

CSS example
/* -- Gallery Album thumbnails ------------------ */

.gallery-album-thumb {
margin: 0 10px 50px 0;
float: left;
text-align: left;
}

.gallery-album-thumb img {
background: #ddeeee;
/**border: 1px solid #ddd;**/
border: 1px solid #cc6600;
padding: 10px;
margin: 1px;
/**-moz-border-radius: 3px;**/
}

.gallery-album-thumb a img {
border-color: #000;
}

.gallery-album-thumb a:hover img {
border-width: 2px;
/**border-color: #38c;**/
/**border: 1px solid #000;**/
margin: 0;
/**-moz-border-radius: 5px;**/
}

.gallery-album-thumb .meta {
margin-top: 3px;
color: #999;
font-size: 0.9em;
}

.gallery-album-thumb a {
color: #cc6600;
text-decoration: none;
text-align: left;
}

.gallery-album-thumb a:hover {
color: #a34d00;
}

Gallery version = 2.2.5 core 1.2.0.7
PHP version = 5.2.4-dev apache2handler
Webserver = Apache/2.2.3 (Unix) mod_jk/1.2.21 DAV/2 PHP/5.2.4-dev mod_ssl/2.2.3 OpenSSL/0.9.8a proxy_html/2.5
Database = mysqlt 5.0.21, lock.system=database
Toolkits = ArchiveUpload, Dcraw, Getid3, LinkItemToolkit, NetPBM, Thumbnail, SquareThumb
Acceleration = none, none
Operating system = Linux fbadmz17216082-host 2.6.15-1.2054_FC5 #1 SMP Tue Mar 14 15:48:20 EST 2006 x86_64
Default theme = FwL2
gettext = disabled
Locale = en_GB
Browser = Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Rows in GalleryAccessMap table = 60
Rows in GalleryAccessSubscriberMap table = 758
Rows in GalleryUser table = 17
Rows in GalleryItem table = 742
Rows in GalleryAlbumItem table = 16
Rows in GalleryCacheMap table = 0

I'm pretty sure its a CSS issue to do with line-wraps in FF (which won't wrap them) and IE (which will), I've googled this issue and got nowhere. Let me know if you still want the URL to the gallery and I'll PM it to you.

TIA

Mike

Actually I fixed it late yesterday. It was some strange inheritance issue in the CSS, I just marked up the template a little differently and re-wrote the CSS to get rid of the inherited problem.

Thanks

Mike