Minor IE6 CSS Issues

[terrybarnes]

I have a site that I'm currently developing and have two minor issues that only occur in IE6. If you have a look at <snip> in both Firefox and IE6 you'll see the differences. (I've only added a 1 pixel border around certain elements just to it's easier to spot the movement)

1. If you click on all of the menu items you'll notice that menu moves up and down depending on the section you're in.

2. On the index.html page there's blue line at the very bottom of the page that should appear directly under the last paragraph of text. In IE6 there's either a huge margin or the blue line doesn't appear at all until you rollover the "Open popup" link

3. When I click "Open pop-up" the resulting DIV should appear just to the top corner of the link (as it does in FF). In IE6 it appears too high.

No doubt this is all to do with the CSS that I've produced and I'm sure these are minor issues. I'm not hugely techy so please be kind with any ideas you may have.

Any help with this would be much appreciated - I really don't like IE6!

[edited by: swa66 at 9:20 pm (utc) on Nov. 15, 2008]
[edit reason] No personal URLs please, see forum charter [/edit]

[terrybarnes]

I've figured out Issue No. 3

[terrybarnes]

I've also figured out No.2 - I just added a DIV around the script and that seems to have resolved outstanding issues.

Still not sure about No.1 though?!

[alt131]

Hi terrybarnes,

Difficult to tell without code but the description idnicates "link hover jump".

A search will bring up many sources of information on that, but its usually easy-ish to identify, so post the relevant css and html. (See the threads pinned to the top of the forum and the charter about posting code, not personal urls)