Weird Problem in IE

[nolimit]

I'm having Link positioning problems in IE. works fine in FireFox and Safari.

this is the website www.e-bluesky.net

this is the css file

/* CSS Document */
body {
font-size: small; 
font-family: "Lucida Grande", sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
}
* html body { 
font-size: x-small; /*for IE5/Win */
f\ont-size: small; /*for other IE versions */
}
h1 {
}
h2 {
}
p {
}
strong {
padding: 10px;
}
#container {
width: 750px;
margin: 0 auto;
background: url(bg_container.gif) repeat-y 70% 0;
}
#header {
border-bottom: 3px solid #0000FF;
background: url(banner.jpg) no-repeat;
height: 149px;
}
#msg {
background: #000000;
color: #0000FF;
font-size: 80%;
}
#content {
float: left;
width: 65%;
margin-right: 5%;
}
#content .gutter {
padding: 15px;
}
#sidebar {
float: right;
width: 30%;
}
#sidebar .gutter {
padding: 15px;
}
.nav {
top: 0px;
margin: 0 0 20px 0;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
color: 666;
background: fff;
}
.nav li {
padding: 12px;
list-style: none;
}
.nav ul li {
margin: 0 0 0 12px;
padding: 0 0 0 18px;
}
#footer {
clear: both;
background: #000;
text-align: right;
color:#889FBE;
padding: 5px;
}

I dont know if it needs some sort of IE hack but can't figure it.

 

[nolimit]

I think I fixed it.

took this part of the code

#content {
float: left;
width: 65%;
margin-right: 5%; <------- Deleted this code.
}

now it works on Internet Explorer, FireFox, Safari exactly same. 1 thing I'm worried is the content width is 65%, sidebar width is 30%, so the remaining 5% width is not used.

So if I dont use the remaining 5% width is it a problem in the future?