Why is IE letting a URL link break its container div?

Question

Shows fine in FF, (continues the URL down to the next line, nice and clean). But IE lets it break passed the right border of the div.

The NEWS section of this page:

http://www.albuquerquecupcakecreations.com/index.php

Any thoughts are appreciated! Thanks!

Answer 1

In the similar <li> which begins 'Love This', IE is breaking at the ? character in the url. There is no ? in the problem url. I added one (like this: http://farm3.static.flickr.com/2339?2152480352_1b5ee54c44.jpg) just to see what would happen, and the url wrapped nicely. Of course, then the url is not valid...

This isn't a fix, but maybe it will give you or someone else a clue.

A workaround would be to use simpler text for the display with the full url only in the href:

<a href='http://long_complicated_url'&gt;Click here for video</a>

Answer 2

I hate having to write browser-specific code but there is a specific CSS property for IE

<!--[if IE]>
word-wrap: break-word; 
<![endif]-->

All the best