Hi all,

 

This is my first post on here so a big shout out to everyone

 

I have an issue on a site whereby using an anchor tag: <a name="#form" /> is causing a display issue in IE8.

 

This is the page: click

 

If you look at the footer you'll see it has been 'doubled up'

This only happens in IE8. All other browsers seem OK.

 

All the CSS/HTML validates.

 

If I replace the <a name="#form" /> with <a name="#form"></a> then the problem in IE8 goes away. You can see this here

 

Obviously I could just use the closing </a> tag and leave it at that, but I'd rather try to understand the issue since it shouldn't really be happening - at least I think it shouldn't!

 

Any thought gladly appreciated.

Jay

I'm not sure if this will fix it, but you're not allowed to use # in <a name> attribute.

You only use a # to jump to an id or <a name> using <a href> attribute, i.e.:

 

<a name="form" />
<a href="#form">Link to jump to the above</a>

Cheers Andy - that doesn't fix it though. I've updated the page (first link in my 1st post) but the issue remains. Hmm...

This might be useful, their examples use a closing </a> tag.

http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.1

What is the <a name="form"/> for?

 

#footContainer #foot UL#footMenu li{disply:inline;} 

should fix in ie7