Unwanted moving

Hi, I wanna thank all help i got from sitepoint so far.

To my problem.

When I margin .inledningsrubrik with 80px, a picture (#pensel) in another div is also moving wich I dont’ want it to.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/styles.css"rel="stylesheet" type="text/css">


<div id="upper">

<div class="center">
<div id="col1"><img id="slogan" src="images/Logo.png" width="136" height="26" /></div>

<div id="col2">

<ul class="meny">

<li><img src="images/Snesträck.png" width="23" height="65" /></li>
<li><img src="images/Snesträck.png" width="23" height="65" /></li>
<li><img src="images/Snesträck.png" width="23" height="65" /></li>




<div id="wrapper">

<div id="inledning">

<div id="ibild"><img id="pensel" src="images/BrushIcon.png" width="155" height="124" /></div>

<h1 class="inledningsrubrik">Måleri / Måleri / Ännu en gång måleri / Måler / Sissta gången måleri.</h1>

<p>Baomnistu samedut peciatisam rem apqueritati jase kwrtyade fasert quasvitae dicta suplicabo nases nerafa esalepque nveritati quasvitae. Baictuplicab jertaesi kertyasnemo enipa vornatur aut ditaut madertae. Minsequuntur magni doloreseos uisquam estqui dolorem ipsquia dolor.</p>


<div id="minigalleri"></div>




I appriciate all answers!

a live link would really help!

I don’t get how it would help more than this? If you view source and copy it, it’s exactly the same as copying this here.

Correct me if I’m wrong though.

I fixed it, I made another div tag, so both floated to the left and that worked.