hello all,

Can anyone please tell me how to fit a diagonal bg image all the time (also after resize) with a centered table with the same bg image, so all the diagonal lines fit exactly all the time. The centered table must have a width of 980px with a fixed bg image of 980x10, the main body bg image is 5x5px.

example here: http://www.newsclick.nl/test.html

I try to use 3 tables with right-align CSS behavior in the left table but to use all that nested tables makes the website soooooo slow.

Does anyone have a nice solution for this??

Thanks a lot!

best regards

Used Html:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" title="style" type="text/css">
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<td background="/bgtop.png">
<div align="center">

Used CSS:

body {
margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: Silver;
background-image: url(bg.png);

a:link {
color: Silver;
text-decoration: underline;

a:visited {
color: Silver;
text-decoration: underline;

a:hover {
color: #292F33; background-color:#f6821b; text-decoration:none;