CSS - Ie Isn't Playing Fair...

I'm not sure if this is in the right place, but I'm just asking for a TEENSY BIT of code help. My first full CSS design isn't playing nicely with Internet Explorer and I can't for the life of me figure out WHY!!

cabernetstudios dot com

Take a look at it in firefox and in IE and you'll see the problem right away. I've managed to fix the navigation float, but I'm out of ideas on how to get the billboard images to stay up top.

Email me if you think you can help!

I have a floated div that contains a h1, img, and then a p. For some reason, IE is putting extra space between the h1 and img, and between the img and p. Here is the xhtml:

Code:

<div id="row_b_left">
	<h1>Header</h1>
	<img src="images/row_b_divider.png" alt="" />
	<p>Hello!  This is where the text goes.</p>
</div>

and here is the relevant css:

Code:

#row_b_left h1 {
	color: #0b819e;
	font: bold 1em Tahoma, arial, sans;
	margin-bottom: 0px;
}

#row_b_left p{
	color: #060606;
	font: .8em/1.3em arial, sans;
	text-align: justify;
	margin: 0px 15px 0px 0;
}

I have no idea what is causing IE to add extra space between these elements. It works perfectly in Firefox and Opera.

Any help would be appreciated. Thanks in advance.

http://www.prxa.info/area51/viewtopic.php?tid=2

On the above linked paged in firefox the bar that has the "#1" in it in the first bit has an extra space below, yet the "#2" space doesn't and it only happens in firefox .

I am trying to get the text in the middle using a p with a line-height of the same height as the div containing it.

The URL: http://www.dudley.nhs.uk/

The problem.... in IE7, the left menu is shifted to the right. If you refresh the page, the issue is resolved.... until you go onto one of the links again!

I've split the CSS up into many files (tables, colours, fonts, left list, right list etc etc)

One of my colour CSS files contains the code for the colouring of the lists. Within this, I have found: PHP Code:
 ul#navlist li a:hover, ul#navlistRight li a:hover {
    border-color: #ff0;
    background: #9cf;
    color:#000;
} 



which seems to be causing the problem. Taking it out seems to works fine BUT I do lose the colour change.

I've attached the 2 stylesheets that I use for the menu on the left.

Please help!