IE starting to piss me off

[spowell_40]

Ok several problems. First of all, I know that there are positioning problems, etc. Other than that, the nav a: hover background doesn't work in IE. Furthermore, the Footer links appear different. Granted, these are small things, but I should be able to render the desired appearance in IE.


www.kentucky-weightlifting.com

[spowell_40]

Anybody have any suggestions for dealing with these two issues?

[sneakyimp]

i have almost no experience with this...not sure exactly what you're saying, but i have had some luck in IE changing background colors by changing the className of elements.

something like

<TD ONMOUSEOVER="this.className='MyHoverStyle';">

you might have to browser sniff to implement this...i don't think it works on mozilla or navigator.

[ray326]

IE doesn't understand :hover on much of anything but anchors so I think that's your background problem. The footer may be child selectors. IE only handles some simple selector forms.

[spufi]

Did you test your site in a screen resolution besides 800X600?

[Sam]

this fixes it in firefox for all resolutions:
change Content's definiton to this:

#Content
{ padding:0px;
margin-left:12em;
margin-top:3em;
}

and nav's definition to this:
#nav
{ float:left;
left:20px;
border: solid #113 1px;
background: #f5f5f5;
margin-top:3em;
margin-left:0.8em;
width: 10em;
height: 13em;
}
then set footer and table to clear:both

[spowell_40]

It didn't work with what I already have. That is, it may work with some other changes, but currently it only collapses by container and footer. As far as the text problem goes in the footer, I think I have that taken care of. The main problem now is just the background image in the nav menu

[Sam]

ah yes, mine was with taking all the position:absolute's out as well.