I have run into a problem, my pictures, will not stay inside my wrapper.
I cant move with my boxes, or edit my css for my image divs.
Anyone who got an idea how to crack this case?
I really hope you guys can understand me and help me find a solution to my problem.

I will try and provide any more necessary information if needed.

```css
#content{
  font-family: 'Times New Roman';
  font-size: 14px;
  font-style: oblique;
  margin: 30px 0;
  background: white;
  padding: 20px;
  clear: both;
  width: 100%;
  float: left;
}

#imagediv {
  width: 200px;
  height: 300px;
  margin-right: 325px;  
  float: right;
  border: 2px solid black;
  position: relative;
}

#imagediv2 {
  width: 200px;
  height: 300px;
  float: left;
  border: 2px solid black;
  position: relative;
}
```

```html
<div id="page">
  <div id="logo">
    <h1>My Web Portfolio</a></h1>
  </div>
  <div id="nav">
    <ul>
      <li><a href="#/home.html">Home</a></li>
      <li><a href="#/portfolio.html">Portfolio</a></li>
      <li><a href="#/me.html">Contact</a></li>
    </ul>
  </div>
  <div id="content">
    <h2>Portfolio</h2>
    <h3>Check out my slider with my templates</h3>

    <div id="imagediv">
      <img src="http://placehold.it/200x300">
    </div>
    <div id="imagediv2">
      <img src="http://placehold.it/200x300">
    </div>
    <div id="imagediv3">
      <img src="http://placehold.it/200x300">
    </div>
  </div>
</div>
```