So, I'm going crazy here.

I have an image that is included in my <div></div> for the page. The img is 700x553. When I set up the border of the div element, the img sticks out pass the border. Now, I can use height to fix that; however, then my other pages (no img) is too long.

I was closely following similar steps as from the example website created in this book for my base design, and I had a similar issue in Chapter 7 example when adding a border around the <div> element. However; after adding a defined width (960px)like in the book example, the border seemed to auto-adjust to the image in the sample webpage.

I cannot get that to work in my own sample. I have no clue why, and experimenting with different widths does not work. Again, height does, but that screws up my other pages using the stylesheet.

Any helpful advice regarding img stuff in CSS would be awesome. Basically, it seems like the img isn't getting treated as part of the <div> element, but I have no clue why or where to look to fix it. :(

Edit: Nevermind, figured it out. Absolute positioning fixed it on the div css property. Not sure why I had to use that when I didn't in the example site. :/