<html> <head> <style type="text/css"> #logo1 { background: url("images/paper.gif") no-repeat scroll left top transparent; float:left; display: table; height: 150px; margin: 0 auto; width: 950px; position: absolute; left: 132px; top: 29px; } #logo2 { background: no-repeat url("paper.gif") top right; float:left; display: table; height: 150px; margin: 0 auto; width: 950px; position: absolute; left: 90px; top: 29px; margin-left:50%; left:-450px; } </style> </head> <body> <div id="logo1"></div> <div id="logo2"></div> </body> </html>