Simple thing that I cannot figure out :( . Help appreciated.

Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it.

website: guardianfence.com
user: guardian
pass: guardian

If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up...

This is how the first image starts:

<div class="absolute_layout">
				<div class="slide_show_lt">
				</div>
				<div class="slide_show_bg">
				<button class="prev"></button>
				<button class="next"></button>

					<div class="anyClass">
						<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
						<ul>
						<li>
						<div class="gallery_box_layout">
							<div class="gallery_img">
								<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
							</div>
							<div class="gallery_text_layout">
																<div class="gallery_text_content">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test 
								<div class="gallery_text_heading">
								
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
								</div>	
							</div>
				</div>
						<div class="gallery_box_gap"></div>
						</li>
						<li>

Code (markup):

Here is the CSS part fot the gallery_box_layout

<div class="absolute_layout">
				<div class="slide_show_lt">
				</div>
				<div class="slide_show_bg">
				<button class="prev"></button>
				<button class="next"></button>

					<div class="anyClass">
						<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
						<ul>
						<li>
						<div class="gallery_box_layout">
							<div class="gallery_img">
								<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
							</div>
							<div class="gallery_text_layout">
																<div class="gallery_text_content">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test 
								<div class="gallery_text_heading">
								
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
								</div>	
							</div>
				</div>
						<div class="gallery_box_gap"></div>
						</li>
						<li>

Code (markup):

and here is the code for gallery_text_layout

.gallery_text_layout
{
	padding:9px 20px 0px 6px;
}

Code (markup):

Can someone please help me figure out why it's like that in internet explorer?

Thanks!!

 

Well it seems that it's not a problem with my code, but its a problem with my <marquee> tag thats causing this.

Thanks guys

 

I would stay away from <marquee> and use any of dozen good javascripts instead.

 

You should NEVER use <marquee> , its a very old out dated tag. use Javascript instead mate, trust me