Phantom space I cannot seem to get rid off 1

[1DMF]

Hi,

I'm working on a newsletter page

[URL unfurl="true"]http://www.homeloanpartnership.com/newsletters/newsletter-01.asp[/URL]

the image at the bottom (4 people) , in FireFox is hard up against the red border of the border_main div (which is what I want).

However in IE there is a gap at the bottom of the image and I just can't seem to make it vanish.

I've applied * {padding:0;margin:0;} to the #news div, so I cannot see why there is a gap, which doesn't appear in FireFox.

Can someone work out what i'm doing wrong?

Thanks, 1DMF

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[Vragabond]

This happens because image is floated right. I am not really sure why.

Since your call us box is already floated to the left, you could simply leave the image unfloated -- and then add [tt]text-align: right;[/tt] to the container, which would keep the image on the right side. It worked for me.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[1DMF]

Bingo! Thanks Vragabond.

That was really starting to annoy me - lol

I had to change the surounding div 'border_main' and create it as another id , as other pages use the border_main CSS and it screwed those pages up applying text-align:right.

but no biggie, luckily this is the first issue, so not like i was affecting loads of newsletters, it's not even 'live' yet

Again thanks for the help, damn you IE - lol



"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!