iexplorer and firefox issues

[unnamed]

#sidebar
{
	position:fixed;
	margin-top:20%;
	margin-left:78%;
	width:267px;
	height:385px;
	background-color:#630711;
	border-radius:15px;
	border-style: solid;
	border-width:3px;
	border-right-width:0px;
	border-left-width:0px;
	border-color:#000000;
	font-family:"cursive",Comic Sans MS;
	font-size:18px;
}

Was used to create the background for my sidebar, it makes sense, but i'm having some funky issues with it's display in iexplorer and firefox, chrome seems to be the only one to render it correctly.

Iexplorer makes these non-existent borders, and firefox displaces the text links.

this was used for the buttons inside the sidebar

td
{   
	margin-top:30px; 
	margin-left:3px; 
	margin-right:3px; 
	text-align:left; 
	border:0px; 
	vertical-align: middle; 
	height:70px; 
 	width:261px;
	position:absolute;
	padding-top:3px;
	position:relative;
	border-width:0px;
}

also i'm not sure but I used an inline to change the margins and what not

<a href="blog.html" style=" position:absolute; text-align:center; alignment-adjust:central; margin-left:100px; margin-top:-48px;"onMouseOver="SwapImage5()" onMouseOut="SwapImage5Back()">BLOG</a>

http://i246.photobucket.com/albums/g...a/needhelp.jpg

[unnamed]

also please disregard my noobishness and my repeated position that i didn't notice till now, problem still persists however, i've been trying to tweak it using percentages but the text still positions different on all browsers pushing it off its specified button.

[unnamed]

Nevermind, used the z-index and negative margins to fix most of it, ie still sucks though and makes up imaginary borders and removes borders where they should be that both chrome and ff render correctly.