Ok, if anyone is interested, I decided to go down the 'sliding doors'
(http://www.alistapart.com/articles/slidingdoors/)
path, which has given me the result I was hoping for.
The right image now slides over the top of the left instead of breaking and going onto
a new line.
Maybe not the best way to do it though... any thoughts?
Thanks
James
#header {
width:100%;
background:#000 url("../images/ww_banner_bg.gif") right repeat-x bottom;
font-size:93%;
line-height:normal;
height:136px;
}
#header ul {
width:100%;
margin:0;
padding:0;
list-style:none;
}
#header li {
float:left;
background:url("../images/ww_banner.gif") no-repeat left top;
margin:0;
padding:0;
width:100%;
height:136px;
}
#header a {
float:right;
display:block;
background:url("../images/ww_banner_vine.gif") no-repeat right top;
padding:0;
text-decoration:none;
font-weight:bold;
color:#765;
width:292px;
height:128px;
}
<!-- header -->
<div id="header">
<ul>
<li><a href="index.cfm"></a></li>
</ul>
</div>
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
