CSS Language Icon Display Issue

HTML & CSS
1

I have created a small bottom to switch between Eng/French when i look in different resolution pc the language icon (flag) goes far on the screen,how can i fix this,thanks

#top-2 #top-2-container img {
border-style: none;
float: none;
left: 960px;
position: absolute;
top: 83px;
}

http://bit.ly/i3qqU4

2

You need to make a couple of CSS changes:

Firstly, add the line in red here:

#top-2-container {
	text-align: left;
	vertical-align: top;
	width: 736px;
	height: 30px;
	padding: 14px 0px 0px 25px;
	background-image: url(images/bg_top_2.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
        [COLOR="Red"]position:relative;[/COLOR]
}

and then make the changes in red here:

#top-2 #top-2-container img {
	position: absolute;
	float: none;
	[COLOR="Red"]top: 10px;
	left: 700px;[/COLOR]
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

You can change those settings to suit.

3

it worked,thank you very much.