website looking different in IE to all others

[hargi]

I have a website that looks fine in all browsers i think except IE 6 and 7 its basically the nav menu and contents are to high in IE

<div id="wrapper">
	
	<div id="tophead"></div>

	<div id="header">

		<div id="logo">
			<a href="index.html"><img src="images/images/image.png" alt="logo"/></a>
		</div>

		
		<div id="header_right">
		
			<div id="top_social_media">
				<div class="sm_facebook"><a href="#">facebook</a></div>
				<div class="sm_twitter"><a href="#">twitter</a></div>
			</div>
			
		</div>
		
	</div>	
		
	<div id="navigation">

		<div id="menu_left"></div>
			
		<div id="menu">
			<ul id="nav">
				<li><a href="index.html">Home</a></li>
				<li><a href="about-us.html">About us</a></li>
				
        
        
			</ul>
		</div>
			
		<div id="menu_right"></div>

			
	</div>
	
</div>

	<div id="wrapperContent">
	<div id="content">
		<div class="rounded-block">
	
			<div class="full">

can anyone see anything thats wrong there that would cause this. dont really want to link to site directly but email in trust

TIA

 

[3dcandy]

welcome to the world of ie being crap! remember ie don't handle png's very well for starters, but it's a bit difficult looking without an address...

 

[Randomface74]

Try putting comments in your empty divs.

<div class='whatever'><!-- --></div>

And sometimes it helps around your lists

<ul><!--
--><li>Something</li><!--
--><li>....

And start your CSS file with

* { margin:0; padding:0; }

 

[3dcandy]

Hi, why are you using cufon? @fontface is the way to go. IE doesn't like the png's either. You'd be better to use a reset css file too, that will get rid of a few strange things happening with IE.