HTML - Background Split

I was wondering if there is a way to split the back ground color of a page so that one half is one color and the other half is another

Hey everyone, I have a 900px wide container div, and inside is a horizontal nav bar consisting of five buttons and a spacer image at the end to fill out the remainder of the width (six total images in all). The buttons consist of an unordered list of background images, floated left, and the spacer is an image that I threw on at the end.

In Safari and Firefox (Mac and Windows), the page displays perfectly. In Internet Explorer, however, the final spacer image gets bumped down underneath the rest of the nav bar buttons. Its like IE is counting some extra pixels somewhere and deciding that the spacer image doesn't have enough room to fit in the 900px div. I'm pretty new to this, just learning as I go along - is this a common problem with IE, and is there a fix for it? I've tried removing the border from the container, not sure what else to try. Thanks!

I have just uploaded a new page at http://www.uncooking101.com/index.shtml , and for some reason the text it split up on IE. It shows just the first line to the right of the image, then everything else ends up below it so there is a large and very awkward space.

The code is validated, and there is no problem in Firefox. A very similar scenario works fine at http://www.uncooking101.com/index.html .

Does anyone know what in the world I am doing wrong??

If you don't see what I'm seeing, I uploaded a screenshot he
http://uncooking101.com/images/iescreenshot.png

I thank you in advance if you are able to help me! I'm new to really discussing these things. Usually my friend Google answers my tough situations, but I don't even know what to search for and am now about to pull my hair out!

Hello,

I have a form which is used to pass a password in 2 factor authentation.

What I am looking to do is to take :

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

and split it into two form fields but when the user submits the form combining both fields to be submitted wth the name="passwd1"

This is crutial for authentication to work. The reason for this is that the password is a secure token which contain a PIN + Tokencode. Currently the need to put both in one field and hit submit combining it them selves. This is not optimal as end users are not the smartest eggs out there.


Thanks

The full .js script is below:

var loginPrefilled = false;

function SetCookie(cookieName,cookieValue) {
var today = new Date();
var expire = new Date();
expire.setTime(today.getTime() + 3600000*24);
document.cookie = cookieName+"="+escape(cookieValue)+";path=/;expires="+expire.toGMTString();
}

function UnsetCookie(cookieName) {
document.cookie=cookieName+"=nothing;expires=Thursday, 1 Jan 1970 00:00:00 GMT; path=/";
}

function ns_check()
{
var login=document.forms['vpnForm'].login.value;
if(login == "")
{window.alert("You need to enter login name"); return false; }
SetCookie("NSC_USER", login);
return true;
}
function ns_disperrmsg()
{
if(document.cookie.length>0) {
if(document.cookie.indexOf("NSC_VPNERR=4001") != -1) {
document.writeln("<FONT COLOR=#000000><B><CENTER>&nbsp;Invalid username or password.</CENTER></B></FONT>");
UnsetCookie("NSC_VPNERR");
return;
}
}
document.writeln("&nbsp;");
}
UnsetCookie("NSC_AAAC");
UnsetCookie("NSC_USER");
function ns_getcookie(name)
{
var cookie=document.cookie;
if(cookie.length > 0) {
begin=cookie.indexOf(name+"=");
if(begin!=-1) {
begin+=name.length+1;
end=cookie.indexOf(";", begin);
if(end==-1) end=cookie.length;
return unescape(cookie.substring(begin, end));
}
}
return null;
}
function ns_fillName()
{
var value=ns_getcookie("NSC_NAME");

document.vpnForm.login.focus();
if(value!=null) {
document.vpnForm.login.value = value;
loginPrefilled = true;
document.vpnForm.login.style.color = "#777";
document.vpnForm.passwd.focus();
UnsetCookie("NSC_NAME");
}
}
function loginFieldCheck()
{
if(loginPrefilled == true)
{
document.vpnForm.login.blur();
}
}

function ns_showpwd()
{
var pwc = ns_getcookie("pwcount");
document.write('<TR><TD align=right><SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">Windows Password');
document.write(':</SPAN></TD>');
document.write('<TD><input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd" size="13" maxlength="32"></TD></TR>');
if ( pwc == 2 ) {
document.write('<TR><TD align=right>

<SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">SecurID PASSCODE:</SPAN>

</TD> <TD>

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

</TD></TR>');
}
UnsetCookie("pwcount");
}