When I resize the browser then scroll across my div tag images move along. Last time I fixed this problem with “min-width:100px;” etc but now it won’t work.
Hoping someone can figure out this problem :P
@charset “utf-8”;
/* CSS Document */
body {
background-color:#000;
}
.button_facebook {
top:-135px;
left:-230px;
width:0px;
height:0px;
position:relative;
}
.button_fb {
background:url(facebook.png) ;
border:none;
width:80px;
height:80px;
}
.button_fb:hover {
border:none;
background:url(hover_fb.png);
width:80px;
height:80px;
}
.button_twitter {
top:-135px;
left:-115px;
width:0px;
height:0px;
position:relative;
}
.button_tw {
background:url(twitter.png) ;
border:none;
width:80px;
height:80px;
}
.button_tw:hover {
border:none;
background:url(hover_tw.png);
width:80px;
height:80px;
}
.button_soundcloud {
top:-133px;
left:0px;
width:0px;
height:0px;
position:relative;
}
.button_sc {
background:url(soundcloud.png);
border:none;
width:75px;
height:75px;
}
.button_sc:hover {
border:none;
background:url(hover_sc.png);
width:75px;
height:75px;
}
.button_youtube {
top:-138px;
left:115px;
width:0px;
height:0px;
position:relative;
}
.button_ut {
background:url(youtube.png);
border:none;
width:80px;
height:80px;
}
.button_ut:hover {
border:none;
background:url(hover_ut.png);
width:90px;
height:90px;
}
Cheers in advance.