1 reply [Last post]
Curlz31
Curlz31's picture
Offline
newbie
Melbourne, Australia
Last seen: 14 years 38 weeks ago
Melbourne, Australia
Timezone: GMT+11
Joined: 2008-03-10
Posts: 1
Points: 0

I can't get the :hover pseudoclass to work in IE7. It works perfectly in firefox.

I've only got two files (index.html, style.css)

Check it out here http://curlz31.com/new/index.html

style.css looks like this

body {
margin: 0;
padding: 0;
background-image: url(bgnew.jpg);
background-repeat: no-repeat;
}

#home {
position: absolute;
top: 165px;
left: 405px;
width: 184px;
height: 58px;
}

#categories {
position: absolute;
top: 165px;
left: 589px;
width: 147px;
height: 58px;
}

#archives {
position: absolute;
top: 165px;
left: 736px;
width: 153px;
height: 58px;
}

#contact {
position: absolute;
top: 165px;
left: 889px;
width: 201px;
height: 58px;
}

#wrapper {
background-color: #000000;
position: absolute;
top: 223px;
left: 190px;
width: 840px;
border: 0px;
}

#sidebar {
position: absolute;
top: 20px;
left: 20px;
width: 180px;
background-color: #000000;
height: 700px;
}

#main {
position: absolute;
top: 20px;
left: 220px;
width: 660px;
color: #666666;
}


div#categories:hover {
background-image: url(button2.jpg);
}

div#archives:hover {
background-image: url(button3.jpg);
}

div#contact:hover {
background-image: url(button4.jpg);
}

p {
text-align: left;
}

#sidebar img {
position: absolute;
left: 40px;
top: 20px;
}

Any ideas?

lewisbilsland
Offline
Regular
Edinburgh
Last seen: 14 years 15 weeks ago
Edinburgh
Joined: 2007-07-16
Posts: 34
Points: 0

a.

Hi
Maybe try: div#categories a:hover {