I have kind of a weird problem ..

Something that isn't working on ff & safari but IS working on IE on itself is already pretty weird but I can't seem to figure out this problem..

On my site there are links to social media in the top right corner (youtube, facebook and flickr), on IE they are linked, on ff & safari they aren't ..

Now, I narrowed the problem down .. It seems to be related to the width of my wrapper div, in my css file I declare the width of this div to 1000px. If I enlarge this to say 1200px, the links DO work on FF & safari..

If I enlarge it just a bit, like say 1050, the flickr link works only (the one at the far right)

Does anyone have any suggestions ?

+1  A: 

This is a combination Positive Margins errors, where you have attempted to line up your divs the way you want them. Essentially you've managed to place one div over another, hence blocking the links.

#social currently has a positive top-margin of 23px, whereas #image has a number of margins defined on nearly all sides presumably to force it over to the right, below the social links? Due to the margins of #image overlapping with the content of #social the browser thins that #image is another layer.

You will need to work out a better way of positioning these, perhaps two container divs acting as columns floated.

Pseudo (not tested):

<div id="container">  
    <div id="top-bar">  
     <div id="menu" />  
     <div id="social" />  
    <div id="left">
     content n stuff
    <div id="right">
     <div id="image" />
Could I fix this using z-index ?
You could, but then you'd be having problems with older versions of Internet Explorer. Generally z-index is used to do cool things, not fix erroneous CSS ;)
Yeah, but in IE it's working .. I tried it however, gave my social div z-index 2 and image div z-index 1 but doesn't seem to work ..
Yep, you're going to need to rework the code to use containers and floats. See my Pseudo code for an example.
+1 Nice answer. Good research
Tom Leys
Fixed it by putting my social div within my page div.thx for the advice !

Thanks heaps guys - this info really helped this blonde web designer!!!! Gone from FRUSTRATED to HAPPY!!!!!

Ann O'Leary