Question

Hey all – I don’t know why my rollover links don’t work now. I think it may have to do with z-index and divs being hidden.

The breadcrumbs for example:

<div id="breadcrumbs">
    <a href="#">Home &gt;&gt;</a> 
    <a href="#">Section Title &gt;&gt</a> 
    <a href="#">Parent Menu Item &gt;&gt;</a> 
    <a href="#">Sub-Item 1</a>
</div>

The last two work for some reason. You can look at the page and view the source from here:

http://cpkdesign.com/uiaustin

Thanks everyone.

Answer 1

For the div with the right id, if you can give it the following css:

#right {
    margin-left: 0px;
    margin-top: 0;
    padding-left: 0px;
    width: 745px;
    float: left;
}

That should hopefully take care of your problem.

More info:

The reason why you’re running into this issue is that the right div is overlapping your links. The general rule is, if you’re gonna start floating your elements, then keep an eye on the non-floating elements…that div is your non-floating element in a sea of floating divs.