how get these LI elements side by side in IE

I have the following code below, in Firefox the left LI is on the left and the right is on the right, but in IE the right one is below the left one, what am I doing wrong? Is there an IE hack to fix this?

   background: #FFFFFF;
   font-family: Arial,Helmet,Freesans,sans-serif;
   width: 100%;
   text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;

css template with netbeans

Ok so i already know how to make header, content and footer.
And now i want to learn how to build a website, with basic colors, becouse i don't know photoshop.
Need to learn how to put links in header, how to add content in content...and that will be good enough for begining, i already know HTML.
Thanks in advance.

Making an element 'float' over other elements

Hi, I'm new to CSS, but have some experience in HTML and JavaScript. I'm writing a web app that extracts data from Google Calendars, and displays them a la the Sasco Year Planner. I'm using a large table for the calendar in the background, but need to add events on top.

Picture gadget is stuck on the right

Can anybody help me, please Smile

I added a picture gadget on my Blogger sidebar (Page Elements > Add A Gadget > Picture), but when I do a preview the picture is moved far on the right, while it should properly be centered, because the Labels widget is correctly centered.

Visual explanation:

I tried changing the sidebar's padding and margins, but then the Labels go left/right while the picture stays on its fixed position.

Here's my CSS:

<?xml version="1.0" encoding="UTF-8" ?>

Layout . Divs moving out of container

This is the Html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	  My first site using Html 5 
<title> A Guide To HTML 5 </title>
<link href="style/css1.css" rel="stylesheet" type="text/css">
<div id="container">
 <div id="header">
    <h1> Html 5 </h1>
    <!--- below is the html 5 tag nav which sets out the navigation --->
       <div class="menu">
      <li> <a href="#"> Home </a> </li>

Syndicate content