[RESOLVED] Width of the element to which jQuery Cycle is applied to

[akhileshbc]

Hi guys

In my site, there's a newsbox. It contains DIVs for each news. And I have specified the width of it to be 270px. But sometimes, the width is increased to 1024px, ie. the text inside it will be displayed as a single sentence.

When I checked in Google, it was displayed as a single line at first. When I checked in Firefox, it was normally displayed. But when I refreshed Chrome again, this was fixed. Yesterday also, it was like so.

Here's the link to the site: www.akhileshbc.com
Top-right side contains the newsbox.

Code:

<!-- News box -->
            <div id="top_newsbox">
                <div id="news">
                    <div id="top_news">
                        <div class="msg">I have moved to a better server now :)</div>
                        <div class="msg">My site is up and running. Only 2 pages were included at the moment(ie. HOME & CONTACT page). I'll finish the rest of the pages soon. Don't forget to visit my site later :)</div>
                    </div>
                </div>
            </div>

Css:

#top_newsbox
{
    float:right;
    width:392px;
    height:108px;
    margin-top: 13px;
    margin-right:20px;
    
    background-image: url(images/top_news_box.png);
    background-repeat: no-repeat;
    
    
    padding-top:15px;
}
 
#top_newsbox #news
{
    margin-left: 105px;
    width: 270px;
    height: 75px;
    font-size: 11px;
}
 
#top_newsbox #news #top_news
{
    width: 270px;
    height: 75px;
    
    /*border: 1px solid #000000;*/
    
}
#top_newsbox #news #top_news .msg
{
    width: 270px;
    line-height: 16px;
}

I have tried debugging it myself. The css above is copied from the playground. So, it might look a bit messy.

Thanks in advance