Firefox & IE Different Presentation

[focus]

http://squidg.x10hosting.com/delinkwentz/index.html

I've validated this page and fixed all the errors but Firefox and IE still displays it very differently.
The way firefox displays the site is good and thats how i went it to be viewed on IE.

As you can see in IE the links are organized differently and there is a blue thick line for some odd reason. Also the Sponsors links are displayed differently too.

How can i fix this?

 

[freecrm]

Which version of IE are you testing for?

If its IE6, you're going to have fun!

I too have major problems with it.

I'm testing in IE7, FF and Chrome.

The only difference between them that I can see are to do with the sponsor links.

The blue line around the image can be simply removed by specifying border="0" (This also appears in FF for my although not in Chrome)

To make sure your images line up like they do in FF, you should specify a img{} css tag with float: left;

_____

Scrap that, you may find that specifying the border="0" will remove the 1px border and allow all the images to fit within your <div> width.

 

[focus]

Yes its for IE6 so unfortunately i guess im going to have fun...

Where abouts do i specify border="0"? in CSS? or HTML (if so where)?

 

[freecrm]

border="0" just goes in the html <img> tag, along with source etc.

You may not need to alter your css as this may solve the problem.

If its still a problem, you'll need to specify a custom .imgcust{} css tag, specifying border: none;

 

[focus]

ahh i got it working. Thanks =)

 

[freecrm]

Glad you got somewhere.

IE is a bit strange in that when you put an anchor on images, it automatically puts a blue border around it!

This, unforuntately, is not the only bug with IE6.

A word of advice for the future as you're developing - avoid .png files with transparency!!