Hi Jorge, thanks for helping out. I first tried your method, it didn't work,
then I removed the clear declaration, didn't work; then taken out display:
inline. None of that work.
Spent another hour on sites regarding the float issue on ie, still couldn't
get it right. Finally something hit me hard, that the width for both div
class may be too wide, so I made a calcuation on width, padding and margin,
it had 8 pixel more. Sigh! all these hours wasted because of my
carelessness. However I think you did spot out important issue for me as it
works without the clear declaration.
Thanks a lot.
tee
>
>> In the menu items, price should be the same line as the menu description.
>
> I think I possibly found the problem. Here's the following CSS code has a
> clear property set to the value of "both":
>
> div.itemSpec li.title, div.itemSW li.title, div.itemSoup li.title,
> div.itemSalad li.title {
> float: left;
> color: #363;
> clear: both;
> width: 430px;
> font-size: 1.1em;
> padding-top: 5px;
> padding-bottom: 3px;
> padding-left: 10px;
> border-bottom: 1px dotted #D9D9D9;
> background: url(../pictures/image153.gif) no-repeat left center;
> font-weight: bold;
> text-align: left;
> }
>
> When you have the price float, it won't be on the same line because the
> "title" class is clearing both sides of the element. Try to comment out
> (/**/) the "clear: both" and see what happens. If that doesn't work try
> "clear: left."
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
