div CSS problem with Safari

[mpower]

I've got a problem with a "simple" div page. CSS code looks as bellow:

#order_container {
width: 250px;
}

#order_form_top {
width: 250px;
height: 10px;
background-image: url(_images/palette/order_top.gif);
}

#order_form {
width: 250px;
background-image: url(_images/palette/order_fill.gif);
}

#order_form_text {
padding-left: 5px;
padding-right: 15px;
text-align: left;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}

#order_form_bot {
width: 250px;
height: 15px;
background-image: url(_images/palette/order_bottom.gif);
}

 

The div containing the order_form_bot ID makes an empty line above the div. Or it's the order form div that does it. Please take a look att the attached image that shows the problem.

 

Anyone know what the problem is, what I've missed?

 

Thanks in advance!

 

 

[attachment deleted by admin]