navbar

Hi everybody,

I could manage to add google translator flags inside my menu bar but unfortunately it is looking nice only in chrome.
In ie, the flags are appearing outside the menu bar, not in the same menu line but in a new column at the end of the bar with large buttons associated to the flags.
I appreciate if someone could give me a clue.
The style and html used are this:

<style type="text/css">
 
ul#menu
{
width:auto;
height:30px;
font-size:13px;
font-weight:normal;
font-family:Verdana, Helvetica, sans-serif;
}
 
ul#menu li
{
display:block;
float:left;

Hello, everybody. I need help.
I've been trying to do the layout for this webpage in CSS, but A couple of things have been bothering me.
they both have to deal with centering my webpage.

you can see what I'm working with here, as www.linnelljonesmckenney.com. I'll post the code if you need me to.

In any case, my first and biggest problem is that the site itself will not center, no matter what i do. I've used the usual CSS tag

#container
{margin-left: auto; 
margin-right: auto;

My Html:

<div id="menu">
            	<ul>
                    <li class="active"><a href="">Apples</a>
                          <ul>
                            <li><a href="">Organic</a></li>
                            <li><a href="">Non-Organic</a></li>
                            <li><a href="">Farm-fed</a></li>
                            <li><a href="">Fresh</a></li>
                          </ul>
                    </li>
                    <li><a href="">Oranges</a>
   	  		  <ul>
                            <li><a href="">Organic</a></li>