Hi Folks,

I have an issue with the CSS layer. When I increase my screen resolution, my layer moves towards left. I want it to be positioned right irrespective of the resolution. Below is the code:

#home1 {
margin: 0 auto;
text-align:right;
float:right;
position:absolute;
width:189px;
height:95px;
display:block;
left: 680px;
top: 25px;
border-bottom: 2px solid red;
border-top: 2px solid red;
border-right: 2px solid red;
border-left: 2px solid red;
}

Please help me out!
Thanks much,
-Lakshana

Lose the absolute positioning in that case. If you need it, use right: (distance from right edge of the screen) instead of left: But it's one of those concepts that's best left to the experts or to those sites that already provide working code samples so you don't have to mess with it much if you're a newcomer.

Judging by your code it looks you took the 'throw everything in but the kitchen sink until it works" approach.

#home1 {
margin: 0 auto; - CENTERS the div - if you want it to the right.. remove the "auto" .

text-align:right;
float:right;
position:absolute;

float AND absolute ?? Which is it ? You can't have both. Remove the absolute as Adam advised.