hi,

I think floating the images should solve your first problem.

the second problem (disappearing background) occurs due to the fact that both it's child elements are floated, thus NOT having a physical layout. therefore their parent element automatically sets it's height and width to the first non-floated element. to solve this - just add something like <div style="clear: both;"></div> after the two floated elements, it will help ;)

regards,
M.Saulis

the spacing appears becasue the images are just layed out in the html like <img /> <img /> <img />, thus the line break produces the spacing. so you whether minimize the line-height (this works, test it and choose the line height that suits you and doesn't break the tables over there):
#enterENT {
line-height: 12px;
}

or use this one, works pretty well, but you'll probably need to clear the floats here aswel just like in the previous issue.
#enterENT img,
#enterOphthalmic img {
float: left;
cler: both;
}
#enterENT table,
#enterOphthalmic table {
float: left;
}

regards,
Martin Saulis

To know more about freelancing

experiences and new freelance works contact

http://tinyurl.com/yr4k7n

http://www.getafreelancer.com/affiliates/L

antis/