Bei Zeilenumbruch bei Verkleinerung vermeiden

[Binary]

Hallo zusammen,

wenn ich nachfolgenden Inhalt verkleiner oder vergrößere, dann gibt es bei einem Schritt plötzlich einen Zeilenumbruch.
Wie kann ich diesen unterbinden?

            <div class="settings hidden">Dummy-Settings-Fenster</div> 
            <div class="content"> 
            <div class="product_recommendation_left"> 
            <img class="img" src="img/visa_card.jpg" width="178" height="113"/> 
            <div class ="product_recommendation_heading">Unsere Empfehlung <br><br></div> 
            <div class ="product_recommendation_description"> 
            Jahresgebühr im 1.Jahr: <b>0 € </b> <img src="img/check.png"><br> 
            Jahresgebühr im 2.Jahr: <b>49 € </b> <img src="img/check.png"><br> 
            Bargeldgebühr: <b>3% (mind. 5 €) </b> <img src="img/cross.png"><br> 
            Auslandsgebühr: <b>1,65 % </b> <img src="img/check.png"><br> 
            Zinsfreie Zeit: <b>bis 4 Wochen </b> <img src="img/check.png"><br> 
            Effekt. Jahreszins: <b>14,47 € </b> <img src="img/check.png"><br> 
            </div> 
            </div> 
            <div class="product_recommendation_right"> 
            <img src="img/mastercard_card_compare.jpg" width="180" height="113"/> 
            <div class ="product_recommendation_heading_right">Ihre aktuelle Karte <br><br></div> 
            <div class ="product_recommendation_description"> 
            Jahresgebühr im 1.Jahr: <b>20 € </b> <img src="img/cross.png"> <br> 
            Jahresgebühr im 2.Jahr: <b>89 € </b> <img src="img/cross.png"><br> 
            Bargeldgebühr: <b>Kostenfrei </b> <img src="img/check.png"><br> 
            Auslandsgebühr: <b>3,65 % </b> <img src="img/cross.png"><br> 
            Zinsfreie Zeit: <b>bis 2 Wochen </b> <img src="img/cross.png"><br> 
            Effekt. Jahreszins: <b>16,47 € </b> <img src="img/cross.png"><br> 
            </div> 
            </div> 
            </div> <div style="clear:both"></div>

.mobile #product_recommendation .yui3-datatable table th[abbr="description"] {
    width:80%
}    

.mobile #product_recommendation .yui3-datatable table th[abbr="status"] {
    width:20%
}

.product_recommendation_heading {
    font-weight: bold;
}

.product_recommendation_heading_right {
    font-weight: bold;
}

.product_recommendation_description {
    font-size: 12px;
}

#product_recommendation_comparelink {
    padding-top: 7px;
    font-weight: bold;
    color: #90ee90;
    cursor: pointer;
}

.product_recommendation_left {
    float: left;
    margin-right: 30px;
}

.product_recommendation_green {
    color: #90ee90;
}

.product_recommendation_red {
    color: #f08080;
}

#widget_product_recommendation .yui3-datatable table
{
    border-collapse: separate !important;
    width: 100% !important;
}

#widget_product_recommendation .img {
    max-width:100%;
}

Vielen Dank und besten Gruß
Binary

 

[struppi]

            <div class="settings hidden">Dummy-Settings-Fenster</div> 
            <div class="content"> 
            <div class="product_recommendation_left"> 
            <img class="img" src="img/visa_card.jpg" width="178" height="113"/> 
            <div class ="product_recommendation_heading">Unsere Empfehlung <br><br></div> 
            <div class ="product_recommendation_description"> 
            Jahresgebühr im 1.Jahr: <b>0 € </b> <img src="img/check.png"><br> 
            Jahresgebühr im 2.Jahr: <b>49 € </b> <img src="img/check.png"><br> 
            Bargeldgebühr: <b>3% (mind. 5 €) </b> <img src="img/cross.png"><br> 
            Auslandsgebühr: <b>1,65 % </b> <img src="img/check.png"><br> 
            Zinsfreie Zeit: <b>bis 4 Wochen </b> <img src="img/check.png"><br> 
            Effekt. Jahreszins: <b>14,47 € </b> <img src="img/check.png"><br> 
            </div> 
            </div> 
            <div class="product_recommendation_right"> 
            <img src="img/mastercard_card_compare.jpg" width="180" height="113"/> 
            <div class ="product_recommendation_heading_right">Ihre aktuelle Karte <br><br></div> 
            <div class ="product_recommendation_description"> 
            Jahresgebühr im 1.Jahr: <b>20 € </b> <img src="img/cross.png"> <br> 
            Jahresgebühr im 2.Jahr: <b>89 € </b> <img src="img/cross.png"><br> 
            Bargeldgebühr: <b>Kostenfrei </b> <img src="img/check.png"><br> 
            Auslandsgebühr: <b>3,65 % </b> <img src="img/cross.png"><br> 
            Zinsfreie Zeit: <b>bis 2 Wochen </b> <img src="img/cross.png"><br> 
            Effekt. Jahreszins: <b>16,47 € </b> <img src="img/cross.png"><br> 
            </div> 
            </div> 
            </div> <div style="clear:both"></div>

Das ist mal ein schönes Beispiel einer DIV Suppe. Deine Frage läßt sich nur schwer beantworten, wenn wir das Problem nicht sehen können.