Title: CSS problems with sidebar
Last modified: August 19, 2016

---

# CSS problems with sidebar

 *  [stanford](https://wordpress.org/support/users/stanford/)
 * (@stanford)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/)
 * On Safari and Chrome, but not Firefox, the sidebar links on this website are 
   not working – [http://educatenow.net/](http://educatenow.net/). The problem occurs
   on every page **except** the home page, though I cannot determine what is different
   on the home page.
 * Would really appreciate if any Firebug & CSS masters here could help me out.
 * Thanks,
    Stan

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [jack randall](https://wordpress.org/support/users/theotherlebowski/)
 * (@theotherlebowski)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/#post-2047648)
 * for some reason all the system generated links in the resources and blog categories
   seem to be commented out in the code but underneath them there is a standard 
   unordered list which is why they are displaying…
 * why that’s the case in terms of your code i don’t know but my guess would possibly
   be a plugin playing up or maybe something got commented out during the design
   of the theme and it’s templates and no-one caught it.
 *  [lockettpots](https://wordpress.org/support/users/lockettpots/)
 * (@lockettpots)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/#post-2047654)
 * I’m sure it is this empty div that is the problem.
 * `<div id="right-half"></div><!-- #right-half -->`
    With the styling
 *     ```
       #right-half{
       	z-index:-10;
       	position:absolute;
       	left:50%;
       	top:0;
       	width:50%;
       	height:100%;
       	background-image:url('pattern-right.png');
       }
       ```
   
 * Safari and Chrome have problems with negative z-index and so the div is effectively‘
   covering up’ part of the sidebar so you cannot access the links. If you try a
   link towards the bottom of the sidebar (that is below the offending div) you 
   will see that these links work.
 * I’ve found that negative z-indexes are unreliable across browsers and I tend 
   to avoid them now, using ‘stacks’ of positive ones instead
 *  Thread Starter [stanford](https://wordpress.org/support/users/stanford/)
 * (@stanford)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/#post-2047681)
 * Thanks for the quick responses.
 * [@theotherlebowski](https://wordpress.org/support/users/theotherlebowski/): The
   code is commented out because the client was going back and forth on what they
   wanted. (It was done before WP added custom menus in the back-end)
 * [@lockettpots](https://wordpress.org/support/users/lockettpots/): I tested removing
   that div completely and still have the problem, so that is not the problem unfortunately.
 * I believe it has something to do with the container div, because when the links
   start working where that div stops.
 *  [jack randall](https://wordpress.org/support/users/theotherlebowski/)
 * (@theotherlebowski)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/#post-2047682)
 * if you have access to it i’d try uncommenting it, especially if it’s not commented
   for any specific reason.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS problems with sidebar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sandbox/1.6.1/screenshot.png)
 * Sandbox
 * [Support Threads](https://wordpress.org/support/theme/sandbox/)
 * [Active Topics](https://wordpress.org/support/theme/sandbox/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sandbox/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sandbox/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [jack randall](https://wordpress.org/support/users/theotherlebowski/)
 * Last activity: [15 years, 1 month ago](https://wordpress.org/support/topic/css-problems-with-sidebar/#post-2047682)
 * Status: not resolved