div expand naar rechts maar ik wil naar links

[gebruiker78]

hallo hier is het probleem:
Foto

(zie bron-code beneden)
Ik wil dat gear logotje rechts hebben en als ik er over heen ga (hover) dat hij dan naar links expand kan dit? (btw ik wil dus de div over de linkse foto heen laten gaan)
Ik heb het liever op die manier want opzich zou ik het wel kunnen oplossen om gewoon er de div 214px te maken en dan het logotje rechts laten zweven maar dan zijn de bovenste 20px van de foto beneden niet meer aanklikbaar (foto = een link)

Alvast bedankt!
html:

<div id="profilesettings">
<img src="../images/gear.png" width="20px" height="20px"></img><br />
Hallo<br />
test</br >
en daarom test ik dingen dus omdat het gewoon kan!<br />
<br />
groetjes!
</div>

de afbeelding:
<?php if(isset($location3)){ ?>
<img src="<?php echo $location3; ?>" width="214px"></img><br />
<?php } ?>

css:

#profilesettings{
position:absolute;
margin-left:194px;
word-wrap: break-word;
overflow-y: hidden;
height:20px;
width:20px;
opacity:0.6;
filter:alpha(opacity=60);
}
#profilesettings:hover{
position:absolute;
word-wrap: break-word;
height:auto;
background-color:white;
width:214px;
opacity:1;
filter:alpha(opacity=100);
}

 

[gebruiker78]

Lol ik lees het bericht even na kijken of het wel begrijpenlijk is maar vind ik het antwoord al:

margin-left:0px;
bij die #div:hover