# CSS div rollover

**URL:** <https://forum.kirupa.com/t/css-div-rollover/156901>\
**Category:** web dev\
**Created:** [July 28, 2005, 6:24pm UTC](https://forum.kirupa.com/t/css-div-rollover/156901 "2005-07-28T18:24:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dinkumrocks](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@dinkumrocks](https://forum.kirupa.com/u/dinkumrocks)\
**Post date:** [July 28, 2005, 6:24pm UTC](https://forum.kirupa.com/t/css-div-rollover/156901/1 "2005-07-28T18:24:05Z")

</div>

Ok. CSS isnt my forte, so here i go.

I want to make a div rollover with CSS, the background colour would change, thats all. I dont know if this does anything, but the div is going to be a link too.

so far i have.

div.module#navigation div.asset {  
border-bottom: 1px #B6B6B6 solid;  
padding:0px 1px 0px 0px;  
margin-right:5px;  
}

div.module#navigation div.asset:hover {  
background-color:#580101;  
}

and

div.navsub {  
margin-right:10px;  
border-bottom: 1px #B6B6B6 solid;  
padding:0px 1px 0px 0px;  
}

div.navsub:hover {  
background-color:#6B0101;  
}

they work perfectly in firefox, you can see them at [www.dinkumrocks.com/ad/options.asp](http://www.dinkumrocks.com/ad/options.asp) , its under the navigation thing.

It wont work in IE, and im really stumped, anyone?  
-Naaman