เรื่อง css วางภาพใน tab jquery แล้วเกิดแบบนี้อะคับมันไม่ยอมเสมอเท่ากัน

<div id="tabs-1">
    <div class="contentnew">
    <div class="new_prod_bgheader"><img src="images/berry.gif"/>
   <a href="#"><p>   llllllllllllllllllllllllllllllllllllll</p> </a>
  </div>
   <div class="new_prod_bgheader"><img  src="images/berry.gif"/>
  <a href="#">llllllllllllllllllllllllllllllllllllllllllllllll </a>
  </div>
  </div>
  </div>

.contentnew{
	width:500px;
	height:auto;
	position:relative;
	
}
.new_prod_bgheader {
width:480px;
height:70px;
text-align: left;
border:solid 3px #CCCCCC;
padding-bottom:30px;
margin-bottom:2px;
}
.new_prod_bgheader img{
width:100px;
height:80px;

}
.new_prod_bgheader a:hover{
	text-decoration:none;
	background-color:#0CF;
}
.new_prod_bgheader img:hover{
	opacity:0.5;
}

.contentnew{
width:500px;
height:auto;
position:relative;

}
.new_prod_bgheader {
width:480px;
//height:70px;
height:100px;
text-align: left;
border:solid 3px #CCCCCC;
//padding-bottom:30px;
margin-bottom:2px;
}
.new_prod_bgheader img{
width:100px;
height:80px;

}
.new_prod_bgheader a:hover{
text-decoration:none;
background-color:#0CF;
}
.new_prod_bgheader img:hover{
opacity:0.5;
}

.contentnew{
width:500px;
height:auto;
position:relative;

}
.new_prod_bgheader {
width:480px;
height:70px;
text-align: left;
border:solid 3px #CCCCCC;
padding-bottom:30px;
margin-bottom:2px;
}
.new_prod_bgheader img{
width:100px;
height:80px;
//ใส่เพิ่มตรงนี้
margin:0;
padding:0;

}
.new_prod_bgheader a:hover{
text-decoration:none;
background-color:#0CF;

}
.new_prod_bgheader img:hover{
opacity:0.5;
}