What to do when long links start to over flow in to the rest of your page.

This is going to be a little of a short post but I ran in to a problem that seems to of only happen in a few browsers.. Or better put it does not happen in Firefox.

The problem is that when I am pulling in my Twitter feed the links seem to go all kinds of crazy across the site.
Here is the code (or close to) that gets printed in on my site.

<ul>
<li class="tweets">James_Riter: Cool Full Page Coda Slider! With demo and files to download. 
<a href="http://www.jamesriter.com/blog/2010/05/13/full-page-coda-slider-effect/" target="_blank">http://www.jamesriter.com/blog/2010/05/13/full-page-coda-slider-effect/</a></li>
<li class="tweets"><a href="http://twitter.com/James_Riter/statuses/28850407768" target="_blank">http://twitter.com/James_Riter/statuses/28850407768</a></li>
<li class="tweets">James_Riter: Setting up a Desktop over the weekend did not go so well. :( I think I have to buy a new motherboard. <a href="http://ff.im/sgtLS" target="_blank">http://ff.im/sgtLS</a></li>
<li class="tweets"><a href="http://twitter.com/James_Riter/statuses/27771305418" target="_blank">http://twitter.com/James_Riter/statuses/27771305418</a></li>
<ul>

So as you see there is nothing out of the normal there ans what you cant see is that all that code is in a side bar the has a width of about 300px.

But in any case lets get to the good simple fix for this problem..


overflow:hidden

Add that to the cantoning div witch are holding the links. In this case the div that was/is holding the twitter feeds.