Huge Difference Between Browsers

[SCSnare]

I'm having a big problem with a page on my website when I try to view it in Firefox. I know the web standard to go by is Firefox, but I don't understand how to fix the problem I'm having. It looks fine and how I want it to look in IE, but it goes all out of wack in Firefox.HTML Code:

<div class="pobject">        <h2>Photography</h2>     	 <p><img src="images/bear01.gif" alt="Bear Photo" title="Bear Photo"/><img src="images/bear02.gif" alt="Bear Photo" title="Bear Photo"/></p>     	 <p><a href="../rtf318/project1">My First <acronym title="Radio-Television-Film">RTF</acronym> Project</a></p>     	 <p><img src="images/girl01.gif" alt="Girl Photo" title="Girl Photo"/><img src="images/girl02.gif" alt="Girl Photo" title="Girl Photo"/></p>          <p><a href="../rtf318/project2">My Second <acronym title="Radio-Television-Film">RTF</acronym> Project</a></p>     </div>          <div class="pobject">        <h2>Video</h2>     	 <p><img src="images/legacy01.gif" alt="Legacy" title="Legacy"/><img src="images/legacy02.gif" alt="Legacy" title="Legacy"/></p>     	 <p><a href="../rtf318/project3">Legacy</a></p>     	 <p><img src="images/surprise01.gif" alt="The Surprise" title="The Surprise"/><img src="images/surprise02.gif" alt="The Surprise" title="The Surprise"/></p>              <p><a href="../rtf318/project4">The Surprise</a></p>     </div>          <div class="pobject">        <h2>Web Design</h2>     	 <p><img src="images/ia_small.gif" alt="Web Design Example" title="Web Design Example"/><img src="images/xbd_small.gif" alt="Web Design Example" title="Web Design Example"/></p>     	 <p><a href="webdesign.html">Continue to my Web Design Portfolio</a></p>     </div>

Here's the related CSS:

.pobject {	width: 98%;	padding: 3px;	border: 1px solid #001100;	text-align: left;	margin-top: 15px;}.pobject p img {	float: left;	margin-right: 10px;}.pobject a img{  border: 1px solid #001100;}

You can view the site at http://webspace.utexas.edu/jmr97/portfolioJust take a look at it in IE, and then Firefox. I think you'll see how different they appear. I'd greatly appreciate any help I can get. If you need more code, just let me know. I think what I've pasted here covers what is needed though.Mike

[SCSnare]

I'm sorry if I posted this in the wrong forum. I wasn't sure if this should go in the HTML or CSS forum. If it needs to go in the CSS forum, I'm sorry.

[SCSnare]

Ok, I think I've answered my own question. All I had to do was resize my images so it'd fit inside the container. Apparently in IE it was resizing the container just by a couple of pixels. Welp, thanks for your help anyways guys! haha

[snowboard01]

Ok just next time could you wrap the code in codebox tags instead of code? it makes a more convenient scroll box

[SCSnare]

Ah, ok. Sorry about that.

[snowboard01]

No prob just a suggestion to make users more eager to reply to your problems-snowboard01, out

[justsomeguy]

Since you're talking about codeboxen, I might as well say that I prefer the non-scrolling boxes. If I'm going to be reading enough code that it requires a scrollable box, I would rather just scroll the page and that way I'm not trying to read code out of a tiny little window.