不能将搜索栏放置在标题图像的右侧

我正在尝试将搜索栏定位在图像的右侧。搜索栏默认位于图像的左侧，我希望它位于右侧。

我认为

searchBar.style.right = "200px";

应该可以工作，但是它没有。

下面是图片和搜索栏的完整代码:

function loadHeader() {
	/* Header bar */
	var headerImage = new Image(); 
	headerImage.id = "hi";
	headerImage.src = "headerBar.jpg";
	headerImage.style.position = "absolute";	
	headerImage.style.top = "0px";
	headerImage.style.left = "0px";
	headerImage.style.zIndex = -1;
	headerImageWidth = (window.innerWidth);
	headerImage.width = headerImageWidth;
	headerImageHeight = 40;
	headerImage.height = headerImageHeight;
	document.body.appendChild(headerImage);
	
	/* Search bar */
	var searchForm = document.createElement("form");
	searchForm.setAttribute("action", "/search");
	searchForm.setAttribute("method", "POST");
	var searchBar = document.createElement("input");
	searchBar.id = "sb";
	searchBar.setAttribute("type", "text");
	searchBar.setAttribute("placeholder", "Search");
	searchBar.position = "absolute";
	searchBar.left = "500px";
	searchBar.style.zIndex = 0;
	searchBar.width = 150;
	searchBar.height = 20;	
	searchForm.appendChild(searchBar);
	document.body.appendChild(searchForm);
}