Width of parent container of floated elements in safari

I'm having an issue with the width of a div containing 2 floated elements in safari.One of the floated div's has it's width set to 0, and is expanded with jquery on a click event. The parent container in safari retains the width of both divs, even when the width is set to 0.There is an example of this here, working in everything but Safari.http://jsfiddle.net/XUR7R/6/HTML:\[code\]<div class="item-list"> <ul> <li class="article"> <div class="column"> Column 1<br/> <a href="http://stackoverflow.com/questions/13824415/#" class="expand">toggle</a><br/> </div> <div class="column expandableColumn"> Column 2 content </div> </li> </ul></div>\[/code\]?CSS\[code\].item-list{overflow:hidden; }.article{float:left;overflow:hidden;background:#555;padding:5px; }.column{float:left;height:100px;width:100px;background:red; }.expandableColumn{width:0; }?\[/code\]Javascript\[code\]$(document).ready(function() {$('.expand').click(function() { if ($(this).hasClass('.expanded')) { $('.expandableColumn').animate({ 'width': '0px' }); } else { $('.expandableColumn').animate({ 'width': '100px' }); } $(this).toggleClass('.expanded')});});?\[/code\]
 
Back
Top