CequeNugninia
New Member
I have these html markup \[code\] <div class="chatbar"> <div class="chatbox" style="margin-right:0px"> first</div> <div class="chatbox" style="margin-right:5px"> chatbox</div> <div class="chatbox" style="margin-right:10px"> chatbox</div> <div class="chatbox" style="margin-right:15px"> chatbox</div> <div class="chatbox" style="margin-right:20px"> chatbox</div> <div class="chatbox" style="margin-right:25px"> chatbox</div> </div>\[/code\]I want to have the chatbar div with horizontal scrollbar ..but its not working and here is my css\[code\] .chatbox{ float:right; height: 180px; width: 250px; margin-right:10px;border-right:1px solid red;border-left:1px solid red;}.chatbar {border: 1px solid blue; overflow-x:scroll;overflow-y:hidden;width: 980px;height: 200px;position: relative;bottom:10px; float:right;//}\[/code\]Elements are appending over each others.Hope to find solution for that.