Internet Explorer - Extra Space When Not Using Float Element

Hello,

I'm currently coding the website for a team project, which some of you may know, Genesis Extreme. As requested, I'm coding the entire thing in CSS without any tables. So far so good, except for a minor Internet Explorer problem.

Looking in Internet Explorer, it puts extra spaces in two different spots, where I don't use "float:left". I could use float:left, however, the template must be expanded to 100% width of the window. If you define float:left, you must define a width, which I cannot do (obviously).

Here's the link: http://genesisextreme.com/home.php?user=Guest

All of the other browsers that I have tested do not have error and work rather well. If anyone has had this problem before and/or has a suggestion on how to fix this, please let me know. I'm trying to make this as cross-browser compatible as possible.

Thanks.

I just added a <div></div> around that part of the navigation.
I didn't assign any attributes. I inserted a background-color and
it seemed to fix the problem. You might call it a wrapper that
adjusts itself according to the elements inside.

<div style="background-color:#CCD8E3;"> <!-- Wrapper --> <div id="index_7"></div> <div class="index_7b"> <div class="index_7c"><a href="#" style="color: #52646E">Community</a></div> </div> <div class="index_7b"> <div class="index_7c"><a href="#" style="color: #52646E">Gallery</a></div> </div> <div class="index_7b"> <div class="index_7c"><a href="#" style="color: #52646E">Tutorials</a></div> </div> <div class="index_7b"> <div class="index_7c"><a href="#" style="color: #52646E">Resources</a></div> </div> <div class="index_7b"> <div class="index_7c"><a href="#" style="color: #52646E">Store</a></div> </div> <div id="index_7d"></div> <!-- Wrapper --> </div>

.

Look at the source code and see how I did...it should work for IE, FF, Safari at least

http://www.unisitio.com/test010.html

FIY....looks like is the first time you have done this...but with time you will make more use of css borders and backgrounds...is worth it to learn

Hope my example can help u

It's okay, I figured out how to do it myself. Basically, I used a div within a div. The outside div used the "float:left" to fix IE, and then the inside div was the actual line.