היה לי לפני כמה זמן בעיה ב CSS שהיה לי משוה מוסתר ושוב פעם זה קורה , הפעם במקום אחר

אשמח אם תעזרו לי...

ניסיתי להשתמש כמו פעם קודמת ב SPAN אך ללא הצלחה.

אז ככה,
יש לי דף PHP שיש בו

קטע קוד:
HTML פשוט

קוד PHP:

 [left]
                         <div id="y1">
                         <form name="cart_quantity" action="product_info.php?products_id=31&action=add_product" method="post">
                         
                         <input type="image" src="img/b/a.jpg">
                         
                         <input type="hidden" name="products_id" value="31">
                         </form></div>
                        
                        
                        <div class="line">
                            <label for="sopt-1">
       <img src="img/b/refile.jpg"><strong>Refill Tube</strong>
       <u><b>for another 7-10 days of treatment<br>
       </b></u>Refill tube of 10ml Carbamide Peroxide 22% <br>
       MADE IN USA
         
                            </label>
                       
                        </div>
                        <form name="cart_quantity" action="product_info.php?products_id=28&action=add_product" method="post">
                        
                            
                               <div id="y1"><input type="image" src="img/b/c.jpg"></div>
                               
                                 <input type="hidden" name="products_id" value="28">
   <input type="hidden" name="cart_quantity" value="2">
   
                               </form>
                        <div class="line">
                           
                            <label for="sopt-2">
       <img src="img/b/2kit.jpg"><br><strong>2 Kit Discount</strong>Buy 2 Teeth Whitening Kits - SAVE<br>
                            </label>
                        </div>
[/left] 


וCSS:

קוד:

  
#cart #specialOffer{
	clear: both;
	width: 532px;
	margin: 18px auto 14px;
	background: url(../img/tableBg.png) bottom no-repeat;
	overflow: hidden;
}
#cart #specialOffer #y1 input{
padding-right: 10px;
 float: right;
   padding: 10px 20px 12px;
  }
#cart #specialOffer h4{
	background: url(../img/tableHead.png) top no-repeat;
	height: 45px;
	text-indent: -99999px;
}
#cart #specialOffer .line{
	border-bottom: 1px #ddd solid;
	height: 1%;
	overflow: hidden;
	padding: 8px 20px 12px;
}
#cart #specialOffer .line input{
	border: 0;
	float: left;
	width: 15px;
	height: 15px;
	margin: 12px 30px 0 0;
}
#cart #specialOffer .line img{
	float: left;
	margin-right: 40px;
}
#cart #specialOffer .line label{
	color: #000;
	font-size: 0.69em;
	width: 410px;
	text-align: justify;
	float: left;
}
#cart #specialOffer .line label strong{
	font-size: 1.09em;
	display: block;
	padding: 10px 0 4px;
}
#cart #specialOffer .update{
	padding-left: 20px;
	margin: 7px 10px;
}

הכל טוב ויפה,

והנה התוצאה לפניכם:




[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img234.imageshack.us/img234/2439/2refilsvs6.jpg]


הוא עולה לי על הקווים ואין לי מושג למה,

איך אפשר לגרום למצב שיששאר באותו מקום מבלי שזה יעלה על הקווים\יסתיר אותם ?

מה אפשר לעשות?
תודה ענקית מראש
אני כבר נושא אני כבר יושב על זה מהבוקר...

תודה מראש!

תמונה קצת יותר ברורה של הבעיה:


[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img234.imageshack.us/img234/5069/2refilskm5.jpg]


תודה מראש!

סבבה הסתדרתי.. תודהלמקרה

השתמשתי ב
ABSOLOUT ואז ב MARGIN

תודה בכל מקרה

את האמת?
לא הבנתי מה הייתה הבעיה שלך :S